#DCECF1

#DCECF1

Color Values

HEX

#DCECF1

RGB

220, 236, 241

HSL

194.3, 42.9%, 90.4%

HSV

194.3, 8.7%, 94.5%

CMYK

8.7%, 2.1%, 0.0%, 5.5%

OKLCH

0.9326 0.0183 218.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DCECF1

#F1E1DC

Analogous

#DCF1EC

#DCE2F1

#DCECF1

Triadic

#DCECF1

#F1DCEC

#ECF1DC

Split Complementary

#DCECF1

#F1DCE2

#F1ECDC

Tetradic

#DCECF1

#ECDCF1

#F1E1DC

#E2F1DC

Color Blindness Simulation

Original

#DCECF1

Protanopia

#E3E3F0

Deuteranopia

#E2E1F0

Tritanopia

#DDEFEF

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F4
200
#CCE3EB
300
#A8D0DC
400
#78B6C9
500
#499CB6
600
#3A7D92
700
#2F6475
800
#244E5B
900
#1E3A43
950
#13252A

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026