#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