#DCE8FA

#DCE8FA

Color Values

HEX

#DCE8FA

RGB

220, 232, 250

HSL

216.0, 75.0%, 92.2%

HSV

216.0, 12.0%, 98.0%

CMYK

12.0%, 7.2%, 0.0%, 2.0%

OKLCH

0.9274 0.0277 258.4

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCE8FA

#FAEEDC

Analogous

#DCF7FA

#DFDCFA

#DCE8FA

Triadic

#DCE8FA

#FADCE8

#E8FADC

Split Complementary

#DCE8FA

#FADFDC

#F7FADC

Tetradic

#DCE8FA

#FADCF7

#FAEEDC

#DCFADF

Color Blindness Simulation

Original

#DCE8FA

Protanopia

#E1E1F6

Deuteranopia

#E0E0F5

Tritanopia

#DDF2F1

Achromatopsia

#E7E7E7

CSS Usage

background-color: #DCE8FA;
color: #DCE8FA;
border-color: #DCE8FA;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F6FC
100
#E2EBF9
200
#C1D6F6
300
#94B9F0
400
#5A92E7
500
#206CDF
600
#1957B3
700
#14458F
800
#103670
900
#102A51
950
#0A1A33

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.97:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026