Hex Color #5FF76E - Custom Color

Color Codes

HEX

#5FF76E

RGB

rgb(95, 247, 110)

HSL

hsl(126, 90%, 67%)

CMYK

cmyk(62%, 0%, 55%, 3%)

HSV

hsv(126, 62%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9CF75F #5FF76E #5FF7BA

Triadic

#5FF76E #6E5FF7 #F76E5F

Split Complementary

#5FF76E #BA5FF7 #F75F9C

Tetradic (Square)

#5FF76E #5F9CF7 #F75FE7 #F7BA5F

Complementary

#5FF76E #F75FE7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.40:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.02: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: #5FF76E;

color: #5FF76E;

border-color: #5FF76E;

}

Tailwind CSS (with arbitrary values)

bg-[#5FF76E]

text-[#5FF76E]

border-[#5FF76E]

// Example usage: