Hex Color #DEB97A - Custom Color

Color Codes

HEX

#DEB97A

RGB

rgb(222, 185, 122)

HSL

hsl(38, 60%, 67%)

CMYK

cmyk(0%, 17%, 45%, 13%)

HSV

hsv(38, 45%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DD8678 #DDB878 #D0DD78

Triadic

#DDB878 #78DDB8 #B878DD

Split Complementary

#DDB878 #78D0DD #8678DD

Tetradic (Square)

#DDB878 #78DD86 #789DDD #DD78D0

Complementary

#DEB97A #789DDD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.85:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.33:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DEB97A;

color: #DEB97A;

border-color: #DEB97A;

}

Tailwind CSS (with arbitrary values)

bg-[#DEB97A]

text-[#DEB97A]

border-[#DEB97A]

// Example usage: