Hex Color #EECE35 - Custom Color

Color Codes

HEX

#EECE35

RGB

rgb(238, 206, 53)

HSL

hsl(50, 84%, 57%)

CMYK

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

HSV

hsv(50, 78%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ED7335 #EDCF35 #B0ED35

Triadic

#EDCF35 #35EDCF #CF35ED

Split Complementary

#EDCF35 #35B0ED #7335ED

Tetradic (Square)

#EDCF35 #35ED73 #3554ED #ED35B0

Complementary

#EECE35 #3554ED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.52: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: #EECE35;

color: #EECE35;

border-color: #EECE35;

}

Tailwind CSS (with arbitrary values)

bg-[#EECE35]

text-[#EECE35]

border-[#EECE35]

// Example usage: