#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026