#DEBAB1

#DEBAB1

Color Values

HEX

#DEBAB1

RGB

222, 186, 177

HSL

12.0, 40.5%, 78.2%

HSV

12.0, 20.3%, 87.1%

CMYK

0.0%, 16.2%, 20.3%, 12.9%

OKLCH

0.8178 0.0435 34.3

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#DEBAB1

#B1D5DE

Analogous

#DEB1BE

#DED0B1

#DEBAB1

Triadic

#DEBAB1

#B1DEBA

#BAB1DE

Split Complementary

#DEBAB1

#B1DED0

#B1BEDE

Tetradic

#DEBAB1

#BEDEB1

#B1D5DE

#D0B1DE

Color Blindness Simulation

Original

#DEBAB1

Protanopia

#CECEB3

Deuteranopia

#D0D3B4

Tritanopia

#DCB5B5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #DEBAB1;
color: #DEBAB1;
border-color: #DEBAB1;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD3CD
300
#DBB3A9
400
#C78A7A
500
#B3614C
600
#8F4D3D
700
#733E31
800
#5A3026
900
#42261F
950
#2A1813

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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