#D4F0AC

#D4F0AC

Color Values

HEX

#D4F0AC

RGB

212, 240, 172

HSL

84,7, 69,4%, 80,8%

HSV

84,7, 28,3%, 94,1%

CMYK

11,7%, 0,0%, 28,3%, 5,9%

OKLCH

0,9183 0,0935 126,3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D4F0AC

#C8ACF0

Analogous

#F0EAAC

#B2F0AC

#D4F0AC

Triadic

#D4F0AC

#ACD4F0

#F0ACD4

Split Complementary

#D4F0AC

#ACB2F0

#EAACF0

Tetradic

#D4F0AC

#ACF0EA

#C8ACF0

#F0ACB2

Color Blindness Simulation

Original

#D4F0AC

Protanopia

#E0E0BC

Deuteranopia

#DEDCC0

Tritanopia

#D5C9CC

Achromatopsia

#E5E5E5

CSS Usage

background-color: #D4F0AC;
color: #D4F0AC;
border-color: #D4F0AC;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF3
100
#EFF8E3
200
#E0F4C3
300
#C9EC97
400
#ACE25F
500
#8FD827
600
#73AD1F
700
#5C8A19
800
#486C14
900
#364F12
950
#22320B

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,86: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