#D3F2DB

#D3F2DB

Color Values

HEX

#D3F2DB

RGB

211, 242, 219

HSL

135.5, 54.4%, 88.8%

HSV

135.5, 12.8%, 94.9%

CMYK

12.8%, 0.0%, 9.5%, 5.1%

OKLCH

0.9325 0.0447 153.3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D3F2DB

#F2D3EA

Analogous

#DAF2D3

#D3F2EA

#D3F2DB

Triadic

#D3F2DB

#DBD3F2

#F2DBD3

Split Complementary

#D3F2DB

#EAD3F2

#F2D3DA

Tetradic

#D3F2DB

#D3DAF2

#F2D3EA

#F2EAD3

Color Blindness Simulation

Original

#D3F2DB

Protanopia

#E0E1E1

Deuteranopia

#DFDCE2

Tritanopia

#D5E5E6

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F5E9
200
#C8EFD2
300
#A1E3B2
400
#6DD488
500
#3AC55E
600
#2F9D4B
700
#257E3C
800
#1D622F
900
#194825
950
#102E17

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026