#C6DCDC

Color Details

HEX
#C6DCDC
RGB
rgb(198, 220, 220)
HSL
hsl(180, 24%, 82%)
CMYK
cmyk(10%, 0%, 0%, 14%)
Best text on this color #000000 (CR 14.67:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#d1e3e3
#ddeaea
#e8f1f1
#9eb0b0
#778484
#4f5858

Complement & Analogous

#dcc6c6
#c6d1dc
#c6dcd1

Triadic

#dcc6dc
#dcdcc6

Monochrome

#4f5858 #778484 #c6dcdc #ddeaea #e8f1f1 #f4f8f8

Analogous

#c6dcd1 #d7e7df #c6dcdc #d1dae3 #c6d1dc #9ea7b0

Complementary Mix

#778484 #c6dcdc #ddeaea #dcc6c6 #e8dada #8f8181

Nearby Colors

#c6dcdb
#c6dcdd
#c6dccc
#c6dcec

Embed #C6DCDC swatch

Embed this swatch

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

Open image

About #C6DCDC

#C6DCDC converts to RGB(198, 220, 220) and HSL(180, 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).

#C6DCDC FAQs

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