#DCFCC7

#DCFCC7

Color Values

HEX

#DCFCC7

RGB

220, 252, 199

HSL

96.2, 89.8%, 88.4%

HSV

96.2, 21.0%, 98.8%

CMYK

12.7%, 0.0%, 21.0%, 1.2%

OKLCH

0.9547 0.0771 133.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DCFCC7

#E7C7FC

Analogous

#F6FCC7

#C7FCCC

#DCFCC7

Triadic

#DCFCC7

#C7DCFC

#FCC7DC

Split Complementary

#DCFCC7

#CCC7FC

#FCC7F6

Tetradic

#DCFCC7

#C7F6FC

#E7C7FC

#FCCCC7

Color Blindness Simulation

Original

#DCFCC7

Protanopia

#EAEAD4

Deuteranopia

#E8E6D7

Tritanopia

#DEDEE0

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFBE0
200
#D5FBBB
300
#B6F98B
400
#8FF54C
500
#68F20D
600
#53C20A
700
#429B08
800
#347907
900
#285809
950
#193706

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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