#D2EEE4

#D2EEE4

Color Values

HEX

#D2EEE4

RGB

210, 238, 228

HSL

158.6, 45.2%, 87.8%

HSV

158.6, 11.8%, 93.3%

CMYK

11.8%, 0.0%, 4.2%, 6.7%

OKLCH

0.926 0.0323 172.1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D2EEE4

#EED2DC

Analogous

#D2EED6

#D2EAEE

#D2EEE4

Triadic

#D2EEE4

#E4D2EE

#EEE4D2

Split Complementary

#D2EEE4

#EED2EA

#EED6D2

Tetradic

#D2EEE4

#D6D2EE

#EED2DC

#EAEED2

Color Blindness Simulation

Original

#D2EEE4

Protanopia

#DEDEE6

Deuteranopia

#DCDAE7

Tritanopia

#D3E8E9

Achromatopsia

#E7E7E7

CSS Usage

background-color: #D2EEE4;
color: #D2EEE4;
border-color: #D2EEE4;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE0
300
#A6DDCA
400
#76CBAD
500
#46B990
600
#389473
700
#2D765C
800
#235D48
900
#1D4436
950
#122B22

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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