#DCDFE4

#DCDFE4

Color Values

HEX

#DCDFE4

RGB

220, 223, 228

HSL

217,5, 12,9%, 87,8%

HSV

217,5, 3,5%, 89,4%

CMYK

3,5%, 2,2%, 0,0%, 10,6%

OKLCH

0,9028 0,0075 260,7

Properties

Cool Light Nearest: gainsboro

Color Harmonies

Complementary

#DCDFE4

#E4E1DC

Analogous

#DCE3E4

#DDDCE4

#DCDFE4

Triadic

#DCDFE4

#E4DCDF

#DFE4DC

Split Complementary

#DCDFE4

#E4DDDC

#E3E4DC

Tetradic

#DCDFE4

#E4DCE3

#E4E1DC

#DCE4DD

Color Blindness Simulation

Original

#DCDFE4

Protanopia

#DDDDE3

Deuteranopia

#DDDDE2

Tritanopia

#DCE2E2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #DCDFE4;
color: #DCDFE4;
border-color: #DCDFE4;
Nearest Tailwind: Zinc 200 #E4E4E7

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0CA
400
#949EAD
500
#6F7B90
600
#596373
700
#474F5C
800
#383E48
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,72:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026