#51F160

#51F160

Color Values

HEX

#51F160

RGB

81, 241, 96

HSL

125.6, 85.1%, 63.1%

HSV

125.6, 66.4%, 94.5%

CMYK

66.4%, 0.0%, 60.2%, 5.5%

OKLCH

0.8454 0.23 144.6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#51F160

#F151E2

Analogous

#92F151

#51F1B0

#51F160

Triadic

#51F160

#6051F1

#F16051

Split Complementary

#51F160

#B051F1

#F15192

Tetradic

#51F160

#5192F1

#F151E2

#F1B051

Color Blindness Simulation

Original

#51F160

Protanopia

#969883

Deuteranopia

#8D818C

Tritanopia

#599FA5

Achromatopsia

#C5C5C5

CSS Usage

background-color: #51F160;
color: #51F160;
border-color: #51F160;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FDF3
100
#E0FAE3
200
#BDFAC3
300
#8EF697
400
#50F15F
500
#13EC27
600
#0FBD1F
700
#0C9719
800
#097614
900
#0B5612
950
#07360C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.1: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