Hex Color #ECBE7B - Custom Color

Color Codes

HEX

#ECBE7B

RGB

rgb(236, 190, 123)

HSL

hsl(36, 75%, 70%)

CMYK

cmyk(0%, 19%, 48%, 7%)

HSV

hsv(36, 48%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EC8579 #ECBE79 #E0EC79

Triadic

#ECBE79 #79ECBE #BE79EC

Split Complementary

#ECBE79 #79E0EC #8579EC

Tetradic (Square)

#ECBE79 #79EC85 #79A7EC #EC79E0

Complementary

#ECBE7B #79A7EC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.72:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.22: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: #ECBE7B;

color: #ECBE7B;

border-color: #ECBE7B;

}

Tailwind CSS (with arbitrary values)

bg-[#ECBE7B]

text-[#ECBE7B]

border-[#ECBE7B]

// Example usage: