#D3EEA2

#D3EEA2

Color Values

HEX

#D3EEA2

RGB

211, 238, 162

HSL

81.3, 69.1%, 78.4%

HSV

81.3, 31.9%, 93.3%

CMYK

11.3%, 0.0%, 31.9%, 6.7%

OKLCH

0.9114 0.1025 124.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#D3EEA2

#BDA2EE

Analogous

#EEE3A2

#ADEEA2

#D3EEA2

Triadic

#D3EEA2

#A2D3EE

#EEA2D3

Split Complementary

#D3EEA2

#A2ADEE

#E3A2EE

Tetradic

#D3EEA2

#A2EEE3

#BDA2EE

#EEA2AD

Color Blindness Simulation

Original

#D3EEA2

Protanopia

#DFDFB4

Deuteranopia

#DDDBB9

Tritanopia

#D4C3C6

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F0F8E3
200
#E2F4C3
300
#CEEC98
400
#B4E25F
500
#99D827
600
#7AAC20
700
#628A19
800
#4D6C14
900
#394F12
950
#24320C

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026