Hex Color #EBBFA2 - Custom Color

Color Codes

HEX

#EBBFA2

RGB

rgb(235, 191, 162)

HSL

hsl(24, 65%, 78%)

CMYK

cmyk(0%, 19%, 31%, 8%)

HSV

hsv(24, 31%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EBA2AA #EBC0A2 #EBE4A2

Triadic

#EBC0A2 #A2EBC0 #C0A2EB

Split Complementary

#EBC0A2 #A2EBE4 #A2AAEB

Tetradic (Square)

#EBC0A2 #AAEBA2 #A2CEEB #E4A2EB

Complementary

#EBBFA2 #A2CEEB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.68:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.51: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: #EBBFA2;

color: #EBBFA2;

border-color: #EBBFA2;

}

Tailwind CSS (with arbitrary values)

bg-[#EBBFA2]

text-[#EBBFA2]

border-[#EBBFA2]

// Example usage: