#D4F2E7

#D4F2E7

Color Values

HEX

#D4F2E7

RGB

212, 242, 231

HSL

158.0, 53.6%, 89.0%

HSV

158.0, 12.4%, 94.9%

CMYK

12.4%, 0.0%, 4.5%, 5.1%

OKLCH

0.9364 0.0346 171.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D4F2E7

#F2D4DF

Analogous

#D4F2D8

#D4EEF2

#D4F2E7

Triadic

#D4F2E7

#E7D4F2

#F2E7D4

Split Complementary

#D4F2E7

#F2D4EE

#F2D8D4

Tetradic

#D4F2E7

#D8D4F2

#F2D4DF

#EEF2D4

Color Blindness Simulation

Original

#D4F2E7

Protanopia

#E1E1EA

Deuteranopia

#DFDDEA

Tritanopia

#D5ECEC

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EEE0
300
#A1E3CB
400
#6ED3AE
500
#3BC492
600
#2F9D75
700
#267D5D
800
#1E6249
900
#194837
950
#102D23

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026