Hex Color #E2FA60 - Custom Color

Color Codes

HEX

#E2FA60

RGB

rgb(226, 250, 96)

HSL

hsl(69, 94%, 68%)

CMYK

cmyk(10%, 0%, 62%, 2%)

HSV

hsv(69, 62%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FAC461 #E3FA61 #96FA61

Triadic

#E3FA61 #61E3FA #FA61E3

Split Complementary

#E3FA61 #6196FA #C461FA

Tetradic (Square)

#E3FA61 #61FAC4 #7861FA #FA6196

Complementary

#E2FA60 #7861FA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.16:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.08: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: #E2FA60;

color: #E2FA60;

border-color: #E2FA60;

}

Tailwind CSS (with arbitrary values)

bg-[#E2FA60]

text-[#E2FA60]

border-[#E2FA60]

// Example usage: