#D2EFE6

#D2EFE6

Color Values

HEX

#D2EFE6

RGB

210, 239, 230

HSL

161.4, 47.5%, 88.0%

HSV

161.4, 12.1%, 93.7%

CMYK

12.1%, 0.0%, 3.8%, 6.3%

OKLCH

0.9286 0.0327 174.9

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D2EFE6

#EFD2DB

Analogous

#D2EFD7

#D2E9EF

#D2EFE6

Triadic

#D2EFE6

#E6D2EF

#EFE6D2

Split Complementary

#D2EFE6

#EFD2E9

#EFD7D2

Tetradic

#D2EFE6

#D7D2EF

#EFD2DB

#E9EFD2

Color Blindness Simulation

Original

#D2EFE6

Protanopia

#DFDFE8

Deuteranopia

#DDDBE9

Tritanopia

#D3EAEA

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F0
200
#CAECE2
300
#A5DFCD
400
#74CDB2
500
#43BC97
600
#369678
700
#2B7860
800
#215E4B
900
#1C4538
950
#122C24

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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