#51F166

#51F166

Color Values

HEX

#51F166

RGB

81, 241, 102

HSL

127.9, 85.1%, 63.1%

HSV

127.9, 66.4%, 94.5%

CMYK

66.4%, 0.0%, 57.7%, 5.5%

OKLCH

0.8461 0.2254 145.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#51F166

#F151DC

Analogous

#8CF151

#51F1B6

#51F166

Triadic

#51F166

#6651F1

#F16651

Split Complementary

#51F166

#B651F1

#F1518C

Tetradic

#51F166

#518CF1

#F151DC

#F1B651

Color Blindness Simulation

Original

#51F166

Protanopia

#969888

Deuteranopia

#8D8190

Tritanopia

#59A2A8

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE4
200
#BDFAC5
300
#8EF69B
400
#50F166
500
#13EC30
600
#0FBD26
700
#0C971E
800
#097618
900
#0B5615
950
#07360D

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026