#DEB0AF

#DEB0AF

Color Values

HEX

#DEB0AF

RGB

222, 176, 175

HSL

1.3, 41.6%, 77.8%

HSV

1.3, 21.2%, 87.1%

CMYK

0.0%, 20.7%, 21.2%, 12.9%

OKLCH

0.7983 0.0539 19.8

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#DEB0AF

#AFDDDE

Analogous

#DEAFC5

#DEC7AF

#DEB0AF

Triadic

#DEB0AF

#AFDEB0

#B0AFDE

Split Complementary

#DEB0AF

#AFDEC7

#AFC5DE

Tetradic

#DEB0AF

#C5DEAF

#AFDDDE

#C7AFDE

Color Blindness Simulation

Original

#DEB0AF

Protanopia

#CACAAF

Deuteranopia

#CDD0AF

Tritanopia

#DCAFAF

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCC
300
#DBA9A8
400
#C87B79
500
#B54D4A
600
#903D3C
700
#743130
800
#5A2625
900
#431F1E
950
#2A1413

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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