#C2D8EF

Color Details

HEX
#C2D8EF
RGB
rgb(194, 216, 239)
HSL
hsl(211, 58%, 85%)
CMYK
cmyk(19%, 10%, 0%, 6%)
Best text on this color #000000 (CR 14.36:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c2d8ef
Contrast 14.36:1 AAA
White on #c2d8ef
Contrast 1.46:1 Fail
#c2d8ef on Black
Contrast 14.36:1 AAA
#c2d8ef on White
Contrast 1.46:1 Fail

Tints & Shades

#cee0f2
#dae8f5
#e7eff9
#9badbf
#74828f
#4e5660

Complement & Analogous

#efd9c3
#c3c3ef
#c3eeef

Triadic

#efc3d8
#d8efc3

Monochrome

#4e5660 #74828f #c2d8ef #dae8f5 #e7eff9 #f3f7fc

Analogous

#c3eeef #d5f3f4 #c2d8ef #cfcff2 #c3c3ef #9c9cbf

Complementary Mix

#74828f #c2d8ef #dae8f5 #efd9c3 #f5e6d8 #9b8d7f

Nearby Colors

#c2d8ee
#c2d8f0
#c2d8df
#c2d8ff

Embed #C2D8EF swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #C2D8EF

#C2D8EF converts to RGB(194, 216, 239) and HSL(211, 58%, 85%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#C2D8EF FAQs

What is the RGB value of #C2D8EF?
RGB: 194, 216, 239. Copy as CSS: rgb(194, 216, 239)
Is #C2D8EF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C2D8EF?
Complement: #efd9c3.
Does #C2D8EF have good contrast on white or black?
On white: 1.46:1 (Fails AA). On black: 14.36:1 (AAA (normal text)).