#C7D2ED

Color Details

HEX
#C7D2ED
RGB
rgb(199, 210, 237)
HSL
hsl(223, 51%, 85%)
CMYK
cmyk(16%, 11%, 0%, 7%)
Best text on this color #000000 (CR 13.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7d2ed
Contrast 13.87:1 AAA
White on #c7d2ed
Contrast 1.51:1 Fail
#c7d2ed on Black
Contrast 13.87:1 AAA
#c7d2ed on White
Contrast 1.51:1 Fail

Tints & Shades

#d2dbf1
#dde4f4
#e9edf8
#9fa8be
#777e8e
#50545f

Complement & Analogous

#ece1c5
#cec5ec
#c5e4ec

Triadic

#ecc5d0
#d0ecc5

Monochrome

#50545f #777e8e #c7d2ed #dde4f4 #e9edf8 #f4f6fb

Analogous

#c5e4ec #d6ecf2 #c7d2ed #d8d1f0 #cec5ec #a59ebd

Complementary Mix

#777e8e #c7d2ed #dde4f4 #ece1c5 #f3ecd9 #999280

Nearby Colors

#c7d2ec
#c7d2ee
#c7d2dd
#c7d2fd

Embed #C7D2ED swatch

Embed this swatch

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

Open image

About #C7D2ED

#C7D2ED converts to RGB(199, 210, 237) and HSL(223, 51%, 85%). 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).

#C7D2ED FAQs

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