#DFF7C2

#DFF7C2

Color Values

HEX

#DFF7C2

RGB

223, 247, 194

HSL

87.2, 76.8%, 86.5%

HSV

87.2, 21.5%, 96.9%

CMYK

9.7%, 0.0%, 21.5%, 3.1%

OKLCH

0.9453 0.0738 127.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DFF7C2

#DAC2F7

Analogous

#F7F5C2

#C5F7C2

#DFF7C2

Triadic

#DFF7C2

#C2DFF7

#F7C2DF

Split Complementary

#DFF7C2

#C2C5F7

#F5C2F7

Tetradic

#DFF7C2

#C2F7F5

#DAC2F7

#F7C2C5

Color Blindness Simulation

Original

#DFF7C2

Protanopia

#E9EACF

Deuteranopia

#E8E6D2

Tritanopia

#E0D9DB

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DEF7C0
300
#C6F193
400
#A7E958
500
#89E11E
600
#6DB418
700
#579013
800
#44710F
900
#34520F
950
#213409

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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