#C7CCDC

Color Details

HEX
#C7CCDC
RGB
rgb(199, 204, 220)
HSL
hsl(226, 23%, 82%)
CMYK
cmyk(10%, 7%, 0%, 14%)
Best text on this color #000000 (CR 13.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7ccdc
Contrast 13.10:1 AAA
White on #c7ccdc
Contrast 1.60:1 Fail
#c7ccdc on Black
Contrast 13.10:1 AAA
#c7ccdc on White
Contrast 1.60:1 Fail

Tints & Shades

#d2d6e3
#dde0ea
#e9ebf1
#9fa3b0
#777a84
#505258

Complement & Analogous

#dcd7c7
#ccc7dc
#c7d6dc

Triadic

#dcc7cb
#cbdcc7

Monochrome

#505258 #777a84 #c7ccdc #dde0ea #e9ebf1 #f4f5f8

Analogous

#c7d6dc #d8e2e7 #c7ccdc #d6d2e3 #ccc7dc #a39fb0

Complementary Mix

#777a84 #c7ccdc #dde0ea #dcd7c7 #e8e5db #8f8c81

Nearby Colors

#c7ccdb
#c7ccdd
#c7cccc
#c7ccec

Embed #C7CCDC swatch

Embed this swatch

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

Open image

About #C7CCDC

#C7CCDC converts to RGB(199, 204, 220) and HSL(226, 23%, 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).

#C7CCDC FAQs

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