Hex Color #50E541 - Custom Color

Color Codes

HEX

#50E541

RGB

rgb(80, 229, 65)

HSL

hsl(115, 76%, 58%)

CMYK

cmyk(65%, 0%, 72%, 10%)

HSV

hsv(115, 72%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A1E543 #50E543 #43E586

Triadic

#50E543 #4350E5 #E54350

Split Complementary

#50E543 #8643E5 #E543A1

Tetradic (Square)

#50E543 #43A1E5 #D843E5 #E58643

Complementary

#50E541 #D843E5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.66:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.63: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: #50E541;

color: #50E541;

border-color: #50E541;

}

Tailwind CSS (with arbitrary values)

bg-[#50E541]

text-[#50E541]

border-[#50E541]

// Example usage: