#C5E7DF

Color Details

HEX
#C5E7DF
RGB
rgb(197, 231, 223)
HSL
hsl(166, 41%, 84%)
CMYK
cmyk(15%, 0%, 3%, 9%)
Best text on this color #000000 (CR 15.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5e7df
Contrast 15.87:1 AAA
White on #c5e7df
Contrast 1.32:1 Fail
#c5e7df on Black
Contrast 15.87:1 AAA
#c5e7df on White
Contrast 1.32:1 Fail

Tints & Shades

#d1ece5
#dcf1ec
#e8f5f2
#9eb9b2
#768b86
#4f5c59

Complement & Analogous

#e7c5cd
#c5dee7
#c5e7ce

Triadic

#dfc5e7
#e7dfc5

Monochrome

#4f5c59 #768b86 #c5e7df #dcf1ec #e8f5f2 #f3faf9

Analogous

#c5e7ce #d6eedd #c5e7df #d1e5ec #c5dee7 #9eb2b9

Complementary Mix

#768b86 #c5e7df #dcf1ec #e7c5cd #efd9df #968085

Nearby Colors

#c5e7de
#c5e7e0
#c5e7cf
#c5e7ef

Embed #C5E7DF swatch

Embed this swatch

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

Open image

About #C5E7DF

#C5E7DF converts to RGB(197, 231, 223) and HSL(166, 41%, 84%). 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).

#C5E7DF FAQs

What is the RGB value of #C5E7DF?
RGB: 197, 231, 223. Copy as CSS: rgb(197, 231, 223)
Is #C5E7DF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5E7DF?
Complement: #e7c5cd.
Does #C5E7DF have good contrast on white or black?
On white: 1.32:1 (Fails AA). On black: 15.87:1 (AAA (normal text)).