Hex Color #EEFA5A - Custom Color

Color Codes

HEX

#EEFA5A

RGB

rgb(238, 250, 90)

HSL

hsl(65, 94%, 67%)

CMYK

cmyk(5%, 0%, 64%, 2%)

HSV

hsv(65, 64%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FAB85C #EDFA5C #9EFA5C

Triadic

#EDFA5C #5CEDFA #FA5CED

Split Complementary

#EDFA5C #5C9EFA #B85CFA

Tetradic (Square)

#EDFA5C #5CFAB8 #695CFA #FA5C9E

Complementary

#EEFA5A #695CFA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.14:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.46: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: #EEFA5A;

color: #EEFA5A;

border-color: #EEFA5A;

}

Tailwind CSS (with arbitrary values)

bg-[#EEFA5A]

text-[#EEFA5A]

border-[#EEFA5A]

// Example usage: