#DFFFD4

#DFFFD4

Color Values

HEX

#DFFFD4

RGB

223, 255, 212

HSL

104.7, 100.0%, 91.6%

HSV

104.7, 16.9%, 100.0%

CMYK

12.5%, 0.0%, 16.9%, 0.0%

OKLCH

0.966 0.0657 137.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DFFFD4

#F4D4FF

Analogous

#F5FFD4

#D4FFDF

#DFFFD4

Triadic

#DFFFD4

#D4DFFF

#FFD4DF

Split Complementary

#DFFFD4

#DFD4FF

#FFD4F5

Tetradic

#DFFFD4

#D4F5FF

#F4D4FF

#FFDFD4

Color Blindness Simulation

Original

#DFFFD4

Protanopia

#EDEDDE

Deuteranopia

#EBE9E1

Tritanopia

#E1E7E8

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F4FEF1
100
#E6FCDE
200
#CAFFB8
300
#A4FF85
400
#72FF42
500
#41FF00
600
#34CC00
700
#2AA300
800
#218000
900
#1B5C05
950
#113A03

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

19.39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026