#DCF5CC

Color Details

HEX
#DCF5CC
RGB
rgb(220, 245, 204)
HSL
hsl(97, 67%, 88%)
CMYK
cmyk(10%, 0%, 17%, 4%)
Best text on this color #000000 (CR 17.98:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dcf5cc
Contrast 17.98:1 AAA
White on #dcf5cc
Contrast 1.17:1 Fail
#dcf5cc on Black
Contrast 17.98:1 AAA
#dcf5cc on White
Contrast 1.17:1 Fail

Tints & Shades

#e3f7d6
#eaf9e0
#f1fbeb
#b0c4a3
#84937a
#586252

Complement & Analogous

#e5ccf5
#ccf5d1
#f0f5cc

Triadic

#ccdcf5
#f5ccdc

Monochrome

#586252 #84937a #dcf5cc #eaf9e0 #f1fbeb #f8fdf5

Analogous

#f0f5cc #f5f8db #dcf5cc #d6f7da #ccf5d1 #a3c4a7

Complementary Mix

#84937a #dcf5cc #eaf9e0 #e5ccf5 #eedef9 #95859f

Nearby Colors

#dcf5cb
#dcf5cd
#dcf5bc
#dcf5dc

Embed #DCF5CC swatch

Embed this swatch

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

Open image

About #DCF5CC

#DCF5CC converts to RGB(220, 245, 204) and HSL(97, 67%, 88%). 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).

#DCF5CC FAQs

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