#D5F2DB

#D5F2DB

Color Values

HEX

#D5F2DB

RGB

213, 242, 219

HSL

132.4, 52.7%, 89.2%

HSV

132.4, 12.0%, 94.9%

CMYK

12.0%, 0.0%, 9.5%, 5.1%

OKLCH

0.9339 0.0432 151.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D5F2DB

#F2D5EC

Analogous

#DDF2D5

#D5F2E9

#D5F2DB

Triadic

#D5F2DB

#DBD5F2

#F2DBD5

Split Complementary

#D5F2DB

#E9D5F2

#F2D5DD

Tetradic

#D5F2DB

#D5DDF2

#F2D5EC

#F2E9D5

Color Blindness Simulation

Original

#D5F2DB

Protanopia

#E2E2E1

Deuteranopia

#E0DEE2

Tritanopia

#D6E5E6

Achromatopsia

#EAEAEA

CSS Usage

background-color: #D5F2DB;
color: #D5F2DB;
border-color: #D5F2DB;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C8EED0
300
#A2E2AF
400
#6FD283
500
#3CC358
600
#309C46
700
#277D38
800
#1E612C
900
#194723
950
#102D16

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.55:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026