Hex Color #E1C8A0 - Custom Color

Color Codes

HEX

#E1C8A0

RGB

rgb(225, 200, 160)

HSL

hsl(37, 52%, 75%)

CMYK

cmyk(0%, 11%, 29%, 12%)

HSV

hsv(37, 29%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E0A69E #E0C79E #D9E09E

Triadic

#E0C79E #9EE0C7 #C79EE0

Split Complementary

#E0C79E #9ED9E0 #A69EE0

Tetradic (Square)

#E0C79E #9EE0A6 #9EB8E0 #E09ED9

Complementary

#E1C8A0 #9EB8E0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.62:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.97: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: #E1C8A0;

color: #E1C8A0;

border-color: #E1C8A0;

}

Tailwind CSS (with arbitrary values)

bg-[#E1C8A0]

text-[#E1C8A0]

border-[#E1C8A0]

// Example usage: