#C7CCD7

Color Details

HEX
#C7CCD7
RGB
rgb(199, 204, 215)
HSL
hsl(221, 17%, 81%)
CMYK
cmyk(7%, 5%, 0%, 16%)
Best text on this color #000000 (CR 13.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7ccd7
Contrast 13.05:1 AAA
White on #c7ccd7
Contrast 1.61:1 Fail
#c7ccd7 on Black
Contrast 13.05:1 AAA
#c7ccd7 on White
Contrast 1.61:1 Fail

Tints & Shades

#d2d6df
#dde0e7
#e9ebef
#9fa3ac
#777a81
#505256

Complement & Analogous

#d7d2c6
#c8c4d9
#c4d5d9

Triadic

#d7c6cc
#ccd7c6

Monochrome

#505256 #777a81 #c7ccd7 #dde0e7 #e9ebef #f4f5f7

Analogous

#c4d5d9 #d6e2e4 #c7ccd7 #d3d0e1 #c8c4d9 #a09dae

Complementary Mix

#777a81 #c7ccd7 #dde0e7 #d7d2c6 #e5e2da #8c8981

Nearby Colors

#c7ccd6
#c7ccd8
#c7ccc7
#c7cce7

Embed #C7CCD7 swatch

Embed this swatch

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

Open image

About #C7CCD7

#C7CCD7 converts to RGB(199, 204, 215) and HSL(221, 17%, 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).

#C7CCD7 FAQs

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