Hex Color #2AF50C - Custom Color

Color Codes

HEX

#2AF50C

RGB

rgb(42, 245, 12)

HSL

hsl(112, 92%, 50%)

CMYK

cmyk(83%, 0%, 95%, 4%)

HSV

hsv(112, 95%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9FF50A #29F50A #0AF560

Triadic

#29F50A #0A29F5 #F50A29

Split Complementary

#29F50A #600AF5 #F50A9F

Tetradic (Square)

#29F50A #0A9FF5 #D60AF5 #F5600A

Complementary

#2AF50C #D60AF5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.48:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.16: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: #2AF50C;

color: #2AF50C;

border-color: #2AF50C;

}

Tailwind CSS (with arbitrary values)

bg-[#2AF50C]

text-[#2AF50C]

border-[#2AF50C]

// Example usage: