#D2FBE8

#D2FBE8

Color Values

HEX

#D2FBE8

RGB

210, 251, 232

HSL

152.2, 83.7%, 90.4%

HSV

152.2, 16.3%, 98.4%

CMYK

16.3%, 0.0%, 7.6%, 1.6%

OKLCH

0.954 0.0493 165.6

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#D2FBE8

#FBD2E5

Analogous

#D2FBD4

#D2FAFB

#D2FBE8

Triadic

#D2FBE8

#E8D2FB

#FBE8D2

Split Complementary

#D2FBE8

#FBD2FA

#FBD4D2

Tetradic

#D2FBE8

#D4D2FB

#FBD2E5

#FAFBD2

Color Blindness Simulation

Original

#D2FBE8

Protanopia

#E4E4ED

Deuteranopia

#E1DEEE

Tritanopia

#D4F0F1

Achromatopsia

#F1F1F1

CSS Usage

background-color: #D2FBE8;
color: #D2FBE8;
border-color: #D2FBE8;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDF9DD
300
#8FF5C6
400
#52F0A6
500
#15EA87
600
#11BB6C
700
#0D9657
800
#0A7544
900
#0C5533
950
#083620

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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