Hex Color #EFC907 - Custom Color

Color Codes

HEX

#EFC907

RGB

rgb(239, 201, 7)

HSL

hsl(50, 94%, 48%)

CMYK

cmyk(0%, 16%, 97%, 6%)

HSV

hsv(50, 97%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ED5407 #EDC707 #A1ED07

Triadic

#EDC707 #07EDC7 #C707ED

Split Complementary

#EDC707 #07A1ED #5407ED

Tetradic (Square)

#EDC707 #07ED54 #072EED #ED07A1

Complementary

#EFC907 #072EED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.61:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.03: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: #EFC907;

color: #EFC907;

border-color: #EFC907;

}

Tailwind CSS (with arbitrary values)

bg-[#EFC907]

text-[#EFC907]

border-[#EFC907]

// Example usage: