#50AF11

#50AF11

Color Values

HEX

#50AF11

RGB

80, 175, 17

HSL

96.1, 82.3%, 37.6%

HSV

96.1, 90.3%, 68.6%

CMYK

54.3%, 0.0%, 90.3%, 31.4%

OKLCH

0.6696 0.1987 137.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#50AF11

#7011AF

Analogous

#9FAF11

#11AF21

#50AF11

Triadic

#50AF11

#1150AF

#AF1150

Split Complementary

#50AF11

#2111AF

#AF119F

Tetradic

#50AF11

#119FAF

#7011AF

#AF2111

Color Blindness Simulation

Original

#50AF11

Protanopia

#797A37

Deuteranopia

#746C40

Tritanopia

#55555C

Achromatopsia

#8F8F8F

CSS Usage

background-color: #50AF11;
color: #50AF11;
border-color: #50AF11;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FDF2
100
#EBFAE1
200
#D5F9BE
300
#B8F48F
400
#91EE53
500
#6AE817
600
#55BA12
700
#44950E
800
#35740B
900
#29540D
950
#1A3508

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.48:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026