#C5F9DD

Color Details

HEX
#C5F9DD
RGB
rgb(197, 249, 221)
HSL
hsl(148, 81%, 87%)
CMYK
cmyk(21%, 0%, 11%, 2%)
Best text on this color #000000 (CR 17.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5f9dd
Contrast 17.97:1 AAA
White on #c5f9dd
Contrast 1.17:1 Fail
#c5f9dd on Black
Contrast 17.97:1 AAA
#c5f9dd on White
Contrast 1.17:1 Fail

Tints & Shades

#d1fae4
#dcfbeb
#e8fdf1
#9ec7b1
#769585
#4f6458

Complement & Analogous

#f9c3e0
#c3f9f7
#c5f9c3

Triadic

#dcc3f9
#f9dcc3

Monochrome

#4f6458 #769585 #c5f9dd #dcfbeb #e8fdf1 #f3fef8

Analogous

#c5f9c3 #d6fbd5 #c5f9dd #cffaf9 #c3f9f7 #9cc7c6

Complementary Mix

#769585 #c5f9dd #dcfbeb #f9c3e0 #fbd8eb #a27f92

Nearby Colors

#c5f9dc
#c5f9de
#c5f9cd
#c5f9ed

Embed #C5F9DD swatch

Embed this swatch

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

Open image

About #C5F9DD

#C5F9DD converts to RGB(197, 249, 221) and HSL(148, 81%, 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).

#C5F9DD FAQs

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