#C7E5F7

Color Details

HEX
#C7E5F7
RGB
rgb(199, 229, 247)
HSL
hsl(203, 75%, 87%)
CMYK
cmyk(19%, 7%, 0%, 3%)
Best text on this color #000000 (CR 15.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c7e5f7
Contrast 15.98:1 AAA
White on #c7e5f7
Contrast 1.31:1 Fail
#c7e5f7 on Black
Contrast 15.98:1 AAA
#c7e5f7 on White
Contrast 1.31:1 Fail

Tints & Shades

#d2eaf9
#ddeffa
#e9f5fc
#9fb7c6
#778994
#505c63

Complement & Analogous

#f7d8c5
#c5cbf7
#c5f7f1

Triadic

#f7c5e4
#e4f7c5

Monochrome

#505c63 #778994 #c7e5f7 #ddeffa #e9f5fc #f4fafd

Analogous

#c5f7f1 #d6f9f5 #c7e5f7 #d1d5f9 #c5cbf7 #9ea2c6

Complementary Mix

#778994 #c7e5f7 #ddeffa #f7d8c5 #fae6d9 #a18c80

Nearby Colors

#c7e5f6
#c7e5f8
#c7e5e7
#c7e607

Embed #C7E5F7 swatch

Embed this swatch

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

Open image

About #C7E5F7

#C7E5F7 converts to RGB(199, 229, 247) and HSL(203, 75%, 87%). 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).

#C7E5F7 FAQs

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