#C6D8CC

Color Details

HEX
#C6D8CC
RGB
rgb(198, 216, 204)
HSL
hsl(140, 19%, 81%)
CMYK
cmyk(8%, 0%, 6%, 15%)
Best text on this color #000000 (CR 14.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c6d8cc
Contrast 14.10:1 AAA
White on #c6d8cc
Contrast 1.49:1 Fail
#c6d8cc on Black
Contrast 14.10:1 AAA
#c6d8cc on White
Contrast 1.49:1 Fail

Tints & Shades

#d1e0d6
#dde8e0
#e8efeb
#9eada3
#77827a
#4f5652

Complement & Analogous

#d8c5d2
#c4d9d6
#c7d9c4

Triadic

#cbc5d8
#d8cbc5

Monochrome

#4f5652 #77827a #c6d8cc #dde8e0 #e8efeb #f4f7f5

Analogous

#c7d9c4 #d8e4d6 #c6d8cc #d0e1de #c4d9d6 #9daeab

Complementary Mix

#77827a #c6d8cc #dde8e0 #d8c5d2 #e6d9e2 #8c8089

Nearby Colors

#c6d8cb
#c6d8cd
#c6d8bc
#c6d8dc

Embed #C6D8CC swatch

Embed this swatch

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

Open image

About #C6D8CC

#C6D8CC converts to RGB(198, 216, 204) and HSL(140, 19%, 81%). 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).

#C6D8CC FAQs

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