#D1E2AF

#D1E2AF

Color Values

HEX

#D1E2AF

RGB

209, 226, 175

HSL

80.0, 46.8%, 78.6%

HSV

80.0, 22.6%, 88.6%

CMYK

7.5%, 0.0%, 22.6%, 11.4%

OKLCH

0.8872 0.0699 122.8

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#D1E2AF

#C0AFE2

Analogous

#E2D9AF

#B7E2AF

#D1E2AF

Triadic

#D1E2AF

#AFD1E2

#E2AFD1

Split Complementary

#D1E2AF

#AFB7E2

#D9AFE2

Tetradic

#D1E2AF

#AFE2D9

#C0AFE2

#E2AFB7

Color Blindness Simulation

Original

#D1E2AF

Protanopia

#D8D9BB

Deuteranopia

#D7D6BE

Tritanopia

#D2C5C7

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#F0F4E6
200
#E1ECCB
300
#CBDEA5
400
#AFCD74
500
#93BB44
600
#769636
700
#5E782B
800
#4A5E22
900
#37451C
950
#232B12

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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