#DCF8C2

#DCF8C2

Color Values

HEX

#DCF8C2

RGB

220, 248, 194

HSL

91.1, 79.4%, 86.7%

HSV

91.1, 21.8%, 97.3%

CMYK

11.3%, 0.0%, 21.8%, 2.7%

OKLCH

0.9453 0.0767 130.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DCF8C2

#DEC2F8

Analogous

#F7F8C2

#C2F8C3

#DCF8C2

Triadic

#DCF8C2

#C2DCF8

#F8C2DC

Split Complementary

#DCF8C2

#C3C2F8

#F8C2F7

Tetradic

#DCF8C2

#C2F7F8

#DEC2F8

#F8C3C2

Color Blindness Simulation

Original

#DCF8C2

Protanopia

#E8E8CF

Deuteranopia

#E6E4D2

Tritanopia

#DDD9DC

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDF9E1
200
#DAF8BF
300
#C0F291
400
#9EEC56
500
#7CE51A
600
#63B715
700
#4F9211
800
#3E720D
900
#2F530E
950
#1E3409

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026