#DCE0EF

#DCE0EF

Color Values

HEX

#DCE0EF

RGB

220, 224, 239

HSL

227.4, 37.3%, 90.0%

HSV

227.4, 7.9%, 93.7%

CMYK

7.9%, 6.3%, 0.0%, 6.3%

OKLCH

0.9081 0.0209 274.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCE0EF

#EFEBDC

Analogous

#DCE9EF

#E2DCEF

#DCE0EF

Triadic

#DCE0EF

#EFDCE0

#E0EFDC

Split Complementary

#DCE0EF

#EFE2DC

#E9EFDC

Tetradic

#DCE0EF

#EFDCE9

#EFEBDC

#DCEFE2

Color Blindness Simulation

Original

#DCE0EF

Protanopia

#DEDEEB

Deuteranopia

#DEDDEA

Tritanopia

#DCE9E8

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DCE0EF;
color: #DCE0EF;
border-color: #DCE0EF;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CED4E9
300
#ABB5D9
400
#7D8CC4
500
#5064AF
600
#40508C
700
#334070
800
#283258
900
#202741
950
#141929

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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