#DCE3FF

#DCE3FF

Color Values

HEX

#DCE3FF

RGB

220, 227, 255

HSL

228.0, 100.0%, 93.1%

HSV

228.0, 13.7%, 100.0%

CMYK

13.7%, 11.0%, 0.0%, 0.0%

OKLCH

0.9191 0.0389 274.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCE3FF

#FFF8DC

Analogous

#DCF4FF

#E6DCFF

#DCE3FF

Triadic

#DCE3FF

#FFDCE3

#E3FFDC

Split Complementary

#DCE3FF

#FFE6DC

#F4FFDC

Tetradic

#DCE3FF

#FFDCF4

#FFF8DC

#DCFFE6

Color Blindness Simulation

Original

#DCE3FF

Protanopia

#DFDFF8

Deuteranopia

#DFDEF7

Tritanopia

#DCF3F2

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B8C6FF
300
#859DFF
400
#4268FF
500
#0033FF
600
#0029CC
700
#0021A3
800
#001A80
900
#05165C
950
#030E3A

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.47:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026