#C7E5FD

Color Details

HEX
#C7E5FD
RGB
rgb(199, 229, 253)
HSL
hsl(207, 93%, 89%)
CMYK
cmyk(21%, 9%, 0%, 1%)
Best text on this color #000000 (CR 16.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7e5fd
Contrast 16.05:1 AAA
White on #c7e5fd
Contrast 1.31:1 Fail
#c7e5fd on Black
Contrast 16.05:1 AAA
#c7e5fd on White
Contrast 1.31:1 Fail

Tints & Shades

#d2eafd
#ddeffe
#e9f5fe
#9fb7ca
#778998
#505c65

Complement & Analogous

#fde0c9
#c9cbfd
#c9fdfa

Triadic

#fdc9e6
#e6fdc9

Monochrome

#505c65 #778998 #c7e5fd #ddeffe #e9f5fe #f4faff

Analogous

#c9fdfa #d9fefc #c7e5fd #d4d5fd #c9cbfd #a1a2ca

Complementary Mix

#778998 #c7e5fd #ddeffe #fde0c9 #feebdc #a49283

Nearby Colors

#c7e5fc
#c7e5fe
#c7e5ed
#c7e60d

Embed #C7E5FD swatch

Embed this swatch

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

Open image

About #C7E5FD

#C7E5FD converts to RGB(199, 229, 253) and HSL(207, 93%, 89%). 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).

#C7E5FD FAQs

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