#DBF6DF

#DBF6DF

Color Values

HEX

#DBF6DF

RGB

219, 246, 223

HSL

128.9, 60.0%, 91.2%

HSV

128.9, 11.0%, 96.5%

CMYK

11.0%, 0.0%, 9.3%, 3.5%

OKLCH

0.9473 0.0417 149.6

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DBF6DF

#F6DBF2

Analogous

#E5F6DB

#DBF6ED

#DBF6DF

Triadic

#DBF6DF

#DFDBF6

#F6DFDB

Split Complementary

#DBF6DF

#EDDBF6

#F6DBE5

Tetradic

#DBF6DF

#DBE5F6

#F6DBF2

#F6EDDB

Color Blindness Simulation

Original

#DBF6DF

Protanopia

#E7E7E5

Deuteranopia

#E5E3E6

Tritanopia

#DCE9EA

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F6E7
200
#C6F1CC
300
#9DE7A8
400
#68D979
500
#33CC4A
600
#29A33B
700
#21832F
800
#1A6625
900
#164B1E
950
#0E2F13

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026