Hex Color #E2AE76 - Custom Color

Color Codes

HEX

#E2AE76

RGB

rgb(226, 174, 118)

HSL

hsl(31, 65%, 67%)

CMYK

cmyk(0%, 23%, 48%, 11%)

HSV

hsv(31, 48%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E27674 #E2AD74 #E0E274

Triadic

#E2AD74 #74E2AD #AD74E2

Split Complementary

#E2AD74 #74E0E2 #7674E2

Tetradic (Square)

#E2AD74 #74E276 #74A9E2 #E274E0

Complementary

#E2AE76 #74A9E2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.99:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.55: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: #E2AE76;

color: #E2AE76;

border-color: #E2AE76;

}

Tailwind CSS (with arbitrary values)

bg-[#E2AE76]

text-[#E2AE76]

border-[#E2AE76]

// Example usage: