Hex Color #36FB76 - Custom Color

Color Codes

HEX

#36FB76

RGB

rgb(54, 251, 118)

HSL

hsl(139, 96%, 60%)

CMYK

cmyk(78%, 0%, 53%, 2%)

HSV

hsv(139, 78%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#5BFB37 #37FB75 #37FBD7

Triadic

#37FB75 #7537FB #FB7537

Split Complementary

#37FB75 #D737FB #FB375B

Tetradic (Square)

#37FB75 #375BFB #FB37BD #FBD737

Complementary

#36FB76 #FB37BD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.22: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: #36FB76;

color: #36FB76;

border-color: #36FB76;

}

Tailwind CSS (with arbitrary values)

bg-[#36FB76]

text-[#36FB76]

border-[#36FB76]

// Example usage: