#D4E1AC

#D4E1AC

Color Values

HEX

#D4E1AC

RGB

212, 225, 172

HSL

74.7, 46.9%, 77.8%

HSV

74.7, 23.6%, 88.2%

CMYK

5.8%, 0.0%, 23.6%, 11.8%

OKLCH

0.8867 0.0713 119.1

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#D4E1AC

#B9ACE1

Analogous

#E1D3AC

#B9E1AC

#D4E1AC

Triadic

#D4E1AC

#ACD4E1

#E1ACD4

Split Complementary

#D4E1AC

#ACB9E1

#D3ACE1

Tetradic

#D4E1AC

#ACE1D3

#B9ACE1

#E1ACB9

Color Blindness Simulation

Original

#D4E1AC

Protanopia

#DADAB9

Deuteranopia

#D9D8BC

Tritanopia

#D5C3C5

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E4ECCB
300
#D0DFA5
400
#B7CD74
500
#9EBB44
600
#7E9636
700
#65782B
800
#4F5E22
900
#3B451C
950
#252C12

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.17:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026