Hex Color #CAA976 - Custom Color

Color Codes

HEX

#CAA976

RGB

rgb(202, 169, 118)

HSL

hsl(36, 44%, 63%)

CMYK

cmyk(0%, 16%, 42%, 21%)

HSV

hsv(36, 42%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CA7F77 #CAA977 #C2CA77

Triadic

#CAA977 #77CAA9 #A977CA

Split Complementary

#CAA977 #77C2CA #7F77CA

Tetradic (Square)

#CAA977 #77CA7F #7798CA #CA77C2

Complementary

#CAA976 #7798CA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.22:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.45:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #CAA976;

color: #CAA976;

border-color: #CAA976;

}

Tailwind CSS (with arbitrary values)

bg-[#CAA976]

text-[#CAA976]

border-[#CAA976]

// Example usage: