#DFDBDA

#DFDBDA

Color Values

HEX

#DFDBDA

RGB

223, 219, 218

HSL

12.0, 7.2%, 86.5%

HSV

12.0, 2.2%, 87.5%

CMYK

0.0%, 1.8%, 2.2%, 12.5%

OKLCH

0.8943 0.0046 34.3

Properties

Warm Light Nearest: gainsboro

Color Harmonies

Complementary

#DFDBDA

#DADEDF

Analogous

#DFDADC

#DFDEDA

#DFDBDA

Triadic

#DFDBDA

#DADFDB

#DBDADF

Split Complementary

#DFDBDA

#DADFDE

#DADCDF

Tetradic

#DFDBDA

#DCDFDA

#DADEDF

#DEDADF

Color Blindness Simulation

Original

#DFDBDA

Protanopia

#DDDDDA

Deuteranopia

#DEDEDA

Tritanopia

#DFDADA

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DFDBDA;
color: #DFDBDA;
border-color: #DFDBDA;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DEDAD9
300
#C6BFBD
400
#A79D9A
500
#897A76
600
#6D625F
700
#574E4C
800
#443D3B
900
#342F2D
950
#211D1D

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026