#DCE5FD

#DCE5FD

Color Values

HEX

#DCE5FD

RGB

220, 229, 253

HSL

223,6, 89,2%, 92,7%

HSV

223,6, 13,0%, 99,2%

CMYK

13,0%, 9,5%, 0,0%, 0,8%

OKLCH

0,9224 0,0341 269,3

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCE5FD

#FDF4DC

Analogous

#DCF5FD

#E3DCFD

#DCE5FD

Triadic

#DCE5FD

#FDDCE5

#E5FDDC

Split Complementary

#DCE5FD

#FDE3DC

#F5FDDC

Tetradic

#DCE5FD

#FDDCF5

#FDF4DC

#DCFDE3

Color Blindness Simulation

Original

#DCE5FD

Protanopia

#E0E0F7

Deuteranopia

#DFDFF6

Tritanopia

#DCF3F2

Achromatopsia

#E5E5E5

CSS Usage

background-color: #DCE5FD;
color: #DCE5FD;
border-color: #DCE5FD;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F2F5FD
100
#E0E7FB
200
#BBCDFB
300
#8BA9F8
400
#4C7AF5
500
#0E4CF1
600
#0B3DC1
700
#09319A
800
#072679
900
#0A1F57
950
#061337

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,67: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