Hex Color #EEC248 - Custom Color

Color Codes

HEX

#EEC248

RGB

rgb(238, 194, 72)

HSL

hsl(44, 83%, 61%)

CMYK

cmyk(0%, 18%, 70%, 7%)

HSV

hsv(44, 70%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EE7049 #EEC249 #C8EE49

Triadic

#EEC249 #49EEC2 #C249EE

Split Complementary

#EEC249 #49C8EE #7049EE

Tetradic (Square)

#EEC249 #49EE70 #4975EE #EE49C8

Complementary

#EEC248 #4975EE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.69:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.45: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: #EEC248;

color: #EEC248;

border-color: #EEC248;

}

Tailwind CSS (with arbitrary values)

bg-[#EEC248]

text-[#EEC248]

border-[#EEC248]

// Example usage: