#D4F1C0

#D4F1C0

Color Values

HEX

#D4F1C0

RGB

212, 241, 192

HSL

95.5, 63.6%, 84.9%

HSV

95.5, 20.3%, 94.5%

CMYK

12.0%, 0.0%, 20.3%, 5.5%

OKLCH

0.9246 0.0717 132.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D4F1C0

#DDC0F1

Analogous

#ECF1C0

#C0F1C4

#D4F1C0

Triadic

#D4F1C0

#C0D4F1

#F1C0D4

Split Complementary

#D4F1C0

#C4C0F1

#F1C0EC

Tetradic

#D4F1C0

#C0ECF1

#DDC0F1

#F1C4C0

Color Blindness Simulation

Original

#D4F1C0

Protanopia

#E1E1CC

Deuteranopia

#DFDDCF

Tritanopia

#D5D5D7

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EBF7E4
200
#D7F2C5
300
#BBE99B
400
#96DD65
500
#71D12E
600
#5AA725
700
#48851E
800
#386817
900
#2B4C15
950
#1B300D

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026