Hex Color #5BE360 - Custom Color

Color Codes

HEX

#5BE360

RGB

rgb(91, 227, 96)

HSL

hsl(122, 71%, 62%)

CMYK

cmyk(60%, 0%, 58%, 11%)

HSV

hsv(122, 60%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9AE359 #59E35E #59E3A3

Triadic

#59E35E #5E59E3 #E35E59

Split Complementary

#59E35E #A359E3 #E3599A

Tetradic (Square)

#59E35E #599AE3 #E359DE #E3A359

Complementary

#5BE360 #E359DE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.60: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: #5BE360;

color: #5BE360;

border-color: #5BE360;

}

Tailwind CSS (with arbitrary values)

bg-[#5BE360]

text-[#5BE360]

border-[#5BE360]

// Example usage: