Hex Color #EBC04D - Custom Color

Color Codes

HEX

#EBC04D

RGB

rgb(235, 192, 77)

HSL

hsl(44, 80%, 61%)

CMYK

cmyk(0%, 18%, 67%, 8%)

HSV

hsv(44, 67%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EB714C #EBC14C #C6EB4C

Triadic

#EBC14C #4CEBC1 #C14CEB

Split Complementary

#EBC14C #4CC6EB #714CEB

Tetradic (Square)

#EBC14C #4CEB71 #4C76EB #EB4CC6

Complementary

#EBC04D #4C76EB

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.18: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: #EBC04D;

color: #EBC04D;

border-color: #EBC04D;

}

Tailwind CSS (with arbitrary values)

bg-[#EBC04D]

text-[#EBC04D]

border-[#EBC04D]

// Example usage: