#DDF1CC

#DDF1CC

Color Values

HEX

#DDF1CC

RGB

221, 241, 204

HSL

92.4, 56.9%, 87.3%

HSV

92.4, 15.4%, 94.5%

CMYK

8.3%, 0.0%, 15.4%, 5.5%

OKLCH

0.9337 0.0533 130.6

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DDF1CC

#E0CCF1

Analogous

#F0F1CC

#CCF1CE

#DDF1CC

Triadic

#DDF1CC

#CCDDF1

#F1CCDD

Split Complementary

#DDF1CC

#CECCF1

#F1CCF0

Tetradic

#DDF1CC

#CCF0F1

#E0CCF1

#F1CECC

Color Blindness Simulation

Original

#DDF1CC

Protanopia

#E6E6D5

Deuteranopia

#E4E3D7

Tritanopia

#DEDCDE

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#DAF0C7
300
#BFE59F
400
#9CD66B
500
#7AC837
600
#61A02C
700
#4E8023
800
#3D641B
900
#2E4918
950
#1D2E0F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.53: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