Hex Color #2AFB5E - Custom Color

Color Codes

HEX

#2AFB5E

RGB

rgb(42, 251, 94)

HSL

hsl(135, 96%, 57%)

CMYK

cmyk(83%, 0%, 63%, 2%)

HSV

hsv(135, 83%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5DFB28 #28FB5D #28FBC6

Triadic

#28FB5D #5D28FB #FB5D28

Split Complementary

#28FB5D #C628FB #FB285D

Tetradic (Square)

#28FB5D #285DFB #FB28C6 #FBC628

Complementary

#2AFB5E #FB28C6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.39:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.06: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: #2AFB5E;

color: #2AFB5E;

border-color: #2AFB5E;

}

Tailwind CSS (with arbitrary values)

bg-[#2AFB5E]

text-[#2AFB5E]

border-[#2AFB5E]

// Example usage: