#DCEFC0

#DCEFC0

Color Values

HEX

#DCEFC0

RGB

220, 239, 192

HSL

84.3, 59.5%, 84.5%

HSV

84.3, 19.7%, 93.7%

CMYK

7.9%, 0.0%, 19.7%, 6.3%

OKLCH

0.9261 0.0651 125.6

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#DCEFC0

#D3C0EF

Analogous

#EFEBC0

#C4EFC0

#DCEFC0

Triadic

#DCEFC0

#C0DCEF

#EFC0DC

Split Complementary

#DCEFC0

#C0C4EF

#EBC0EF

Tetradic

#DCEFC0

#C0EFEB

#D3C0EF

#EFC0C4

Color Blindness Simulation

Original

#DCEFC0

Protanopia

#E4E4CB

Deuteranopia

#E3E2CE

Tritanopia

#DDD4D6

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF6E4
200
#DFF1C6
300
#C9E69D
400
#ABD969
500
#8ECB34
600
#72A329
700
#5B8221
800
#47661A
900
#354A17
950
#222F0E

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.15: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