#DEB482

#DEB482

Color Values

HEX

#DEB482

RGB

222, 180, 130

HSL

32.6, 58.2%, 69.0%

HSV

32.6, 41.4%, 87.1%

CMYK

0.0%, 18.9%, 41.4%, 12.9%

OKLCH

0.7958 0.0817 71.1

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DEB482

#82ACDE

Analogous

#DE8682

#DADE82

#DEB482

Triadic

#DEB482

#82DEB4

#B482DE

Split Complementary

#DEB482

#82DADE

#8682DE

Tetradic

#DEB482

#82DE86

#82ACDE

#DE82DA

Color Blindness Simulation

Original

#DEB482

Protanopia

#CCCB8E

Deuteranopia

#CED191

Tritanopia

#DC989A

Achromatopsia

#B9B9B9

CSS Usage

background-color: #DEB482;
color: #DEB482;
border-color: #DEB482;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DDC7
300
#E5C59E
400
#D8A56A
500
#CA8635
600
#A16B2B
700
#815622
800
#65431B
900
#4A3317
950
#2F200F

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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