#DDFAFC

#DDFAFC

Color Values

HEX

#DDFAFC

RGB

221, 250, 252

HSL

183.9, 83.8%, 92.7%

HSV

183.9, 12.3%, 98.8%

CMYK

12.3%, 0.8%, 0.0%, 1.2%

OKLCH

0.9648 0.0302 201.7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DDFAFC

#FCDFDD

Analogous

#DDFCEE

#DDEAFC

#DDFAFC

Triadic

#DDFAFC

#FCDDFA

#FAFCDD

Split Complementary

#DDFAFC

#FCDDEA

#FCEEDD

Tetradic

#DDFAFC

#EEDDFC

#FCDFDD

#EAFCDD

Color Blindness Simulation

Original

#DDFAFC

Protanopia

#EAEAFC

Deuteranopia

#E8E6FB

Tritanopia

#DEFBFB

Achromatopsia

#F4F4F4

CSS Usage

background-color: #DDFAFC;
color: #DDFAFC;
border-color: #DDFAFC;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF5F9
300
#8FEEF5
400
#52E5F0
500
#15DCEA
600
#11B0BB
700
#0D8D96
800
#0A6E75
900
#0C5055
950
#083336

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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