#C5F8DF

Color Details

HEX
#C5F8DF
RGB
rgb(197, 248, 223)
HSL
hsl(151, 78%, 87%)
CMYK
cmyk(21%, 0%, 10%, 3%)
Best text on this color #000000 (CR 17.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5f8df
Contrast 17.87:1 AAA
White on #c5f8df
Contrast 1.18:1 Fail
#c5f8df on Black
Contrast 17.87:1 AAA
#c5f8df on White
Contrast 1.18:1 Fail

Tints & Shades

#d1f9e5
#dcfbec
#e8fcf2
#9ec6b2
#769586
#4f6359

Complement & Analogous

#f8c4dd
#c4f7f8
#c4f8c5

Triadic

#dfc4f8
#f8dfc4

Monochrome

#4f6359 #769586 #c5f8df #dcfbec #e8fcf2 #f3fef9

Analogous

#c4f8c5 #d6fad6 #c5f8df #d0f9f9 #c4f7f8 #9dc6c6

Complementary Mix

#769586 #c5f8df #dcfbec #f8c4dd #fad9e9 #a17f90

Nearby Colors

#c5f8de
#c5f8e0
#c5f8cf
#c5f8ef

Embed #C5F8DF swatch

Embed this swatch

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

Open image

About #C5F8DF

#C5F8DF converts to RGB(197, 248, 223) and HSL(151, 78%, 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).

#C5F8DF FAQs

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