#C7DDCF

Color Details

HEX
#C7DDCF
RGB
rgb(199, 221, 207)
HSL
hsl(142, 24%, 82%)
CMYK
cmyk(10%, 0%, 6%, 13%)
Best text on this color #000000 (CR 14.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7ddcf
Contrast 14.67:1 AAA
White on #c7ddcf
Contrast 1.43:1 Fail
#c7ddcf on Black
Contrast 14.67:1 AAA
#c7ddcf on White
Contrast 1.43:1 Fail

Tints & Shades

#d2e4d9
#ddebe2
#e9f1ec
#9fb1a6
#77857c
#505853

Complement & Analogous

#dcc6d4
#c6dcd9
#c9dcc6

Triadic

#cec6dc
#dccec6

Monochrome

#505853 #77857c #c7ddcf #ddebe2 #e9f1ec #f4f8f5

Analogous

#c9dcc6 #d9e7d7 #c7ddcf #d1e3e1 #c6dcd9 #9eb0ae

Complementary Mix

#77857c #c7ddcf #ddebe2 #dcc6d4 #e8dae3 #8f818a

Nearby Colors

#c7ddce
#c7ddd0
#c7ddbf
#c7dddf

Embed #C7DDCF swatch

Embed this swatch

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

Open image

About #C7DDCF

#C7DDCF converts to RGB(199, 221, 207) and HSL(142, 24%, 82%). 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).

#C7DDCF FAQs

What is the RGB value of #C7DDCF?
RGB: 199, 221, 207. Copy as CSS: rgb(199, 221, 207)
Is #C7DDCF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C7DDCF?
Complement: #dcc6d4.
Does #C7DDCF have good contrast on white or black?
On white: 1.43:1 (Fails AA). On black: 14.67:1 (AAA (normal text)).