#DDEFFC

#DDEFFC

Color Values

HEX

#DDEFFC

RGB

221, 239, 252

HSL

205.2, 83.8%, 92.7%

HSV

205.2, 12.3%, 98.8%

CMYK

12.3%, 5.2%, 0.0%, 1.2%

OKLCH

0.9427 0.026 239.1

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DDEFFC

#FCEADD

Analogous

#DDFCF9

#DDDFFC

#DDEFFC

Triadic

#DDEFFC

#FCDDEF

#EFFCDD

Split Complementary

#DDEFFC

#FCDDDF

#FCF9DD

Tetradic

#DDEFFC

#F9DDFC

#FCEADD

#DFFCDD

Color Blindness Simulation

Original

#DDEFFC

Protanopia

#E5E5F9

Deuteranopia

#E4E2F8

Tritanopia

#DEF6F6

Achromatopsia

#ECECEC

CSS Usage

background-color: #DDEFFC;
color: #DDEFFC;
border-color: #DDEFFC;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDE0F9
300
#8FCAF5
400
#52ADF0
500
#1591EA
600
#1174BB
700
#0D5D96
800
#0A4875
900
#0C3655
950
#082236

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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