#DCF7C9

#DCF7C9

Color Values

HEX

#DCF7C9

RGB

220, 247, 201

HSL

95.2, 74.2%, 87.8%

HSV

95.2, 18.6%, 96.9%

CMYK

10.9%, 0.0%, 18.6%, 3.1%

OKLCH

0.9447 0.0669 132.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DCF7C9

#E4C9F7

Analogous

#F3F7C9

#C9F7CD

#DCF7C9

Triadic

#DCF7C9

#C9DCF7

#F7C9DC

Split Complementary

#DCF7C9

#CDC9F7

#F7C9F3

Tetradic

#DCF7C9

#C9F3F7

#E4C9F7

#F7CDC9

Color Blindness Simulation

Original

#DCF7C9

Protanopia

#E8E8D4

Deuteranopia

#E6E4D7

Tritanopia

#DDDDDF

Achromatopsia

#EEEEEE

CSS Usage

background-color: #DCF7C9;
color: #DCF7C9;
border-color: #DCF7C9;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F6C1
300
#BAEF94
400
#95E75B
500
#6FDE21
600
#59B21A
700
#478E15
800
#386F10
900
#2B5110
950
#1B330A

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026