#DDF6DB

#DDF6DB

Color Values

HEX

#DDF6DB

RGB

221, 246, 219

HSL

115.6, 60.0%, 91.2%

HSV

115.6, 11.0%, 96.5%

CMYK

10.2%, 0.0%, 11.0%, 3.5%

OKLCH

0.9477 0.0444 143.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DDF6DB

#F4DBF6

Analogous

#EBF6DB

#DBF6E7

#DDF6DB

Triadic

#DDF6DB

#DBDDF6

#F6DBDD

Split Complementary

#DDF6DB

#E7DBF6

#F6DBEB

Tetradic

#DDF6DB

#DBEBF6

#F4DBF6

#F6E7DB

Color Blindness Simulation

Original

#DDF6DB

Protanopia

#E8E8E2

Deuteranopia

#E6E4E3

Tritanopia

#DEE7E8

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E5F6E4
200
#C9F1C6
300
#A2E79D
400
#70D968
500
#3ECC33
600
#32A329
700
#288321
800
#1F661A
900
#1A4B16
950
#102F0E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026