#DDFACF

#DDFACF

Color Values

HEX

#DDFACF

RGB

221, 250, 207

HSL

100.5, 81.1%, 89.6%

HSV

100.5, 17.2%, 98.0%

CMYK

11.6%, 0.0%, 17.2%, 2.0%

OKLCH

0.953 0.0643 135.4

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DDFACF

#ECCFFA

Analogous

#F2FACF

#CFFAD6

#DDFACF

Triadic

#DDFACF

#CFDDFA

#FACFDD

Split Complementary

#DDFACF

#D6CFFA

#FACFF2

Tetradic

#DDFACF

#CFF2FA

#ECCFFA

#FAD6CF

Color Blindness Simulation

Original

#DDFACF

Protanopia

#EAEAD9

Deuteranopia

#E8E6DC

Tritanopia

#DEE2E3

Achromatopsia

#F1F1F1

CSS Usage

background-color: #DDFACF;
color: #DDFACF;
border-color: #DDFACF;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FDF2
100
#E9F9E1
200
#D1F8BE
300
#B0F390
400
#86ED54
500
#5BE718
600
#49B913
700
#3A940F
800
#2E730C
900
#24540D
950
#173508

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026