Hex Color #DEB976 - Custom Color

Color Codes

HEX

#DEB976

RGB

rgb(222, 185, 118)

HSL

hsl(39, 61%, 67%)

CMYK

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

HSV

hsv(39, 47%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DE8778 #DEBA78 #CFDE78

Triadic

#DEBA78 #78DEBA #BA78DE

Split Complementary

#DEBA78 #78CFDE #8778DE

Tetradic (Square)

#DEBA78 #78DE87 #789BDE #DE78CF

Complementary

#DEB976 #789BDE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.86:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.31: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: #DEB976;

color: #DEB976;

border-color: #DEB976;

}

Tailwind CSS (with arbitrary values)

bg-[#DEB976]

text-[#DEB976]

border-[#DEB976]

// Example usage: