Hex Color #EED024 - Custom Color

Color Codes

HEX

#EED024

RGB

rgb(238, 208, 36)

HSL

hsl(51, 86%, 54%)

CMYK

cmyk(0%, 13%, 85%, 7%)

HSV

hsv(51, 85%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EF6B25 #EFD025 #A8EF25

Triadic

#EFD025 #25EFD0 #D025EF

Split Complementary

#EFD025 #25A8EF #6B25EF

Tetradic (Square)

#EFD025 #25EF6B #2543EF #EF25A8

Complementary

#EED024 #2543EF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.53:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.68: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: #EED024;

color: #EED024;

border-color: #EED024;

}

Tailwind CSS (with arbitrary values)

bg-[#EED024]

text-[#EED024]

border-[#EED024]

// Example usage: