#51CF30

#51CF30

Color Values

HEX

#51CF30

RGB

81, 207, 48

HSL

107.5, 62.4%, 50.0%

HSV

107.5, 76.8%, 81.2%

CMYK

60.9%, 0.0%, 76.8%, 18.8%

OKLCH

0.7548 0.2218 140.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#51CF30

#AE30CF

Analogous

#A1CF30

#30CF5E

#51CF30

Triadic

#51CF30

#3051CF

#CF3051

Split Complementary

#51CF30

#5E30CF

#CF30A1

Tetradic

#51CF30

#30A1CF

#AE30CF

#CF5E30

Color Blindness Simulation

Original

#51CF30

Protanopia

#888956

Deuteranopia

#807760

Tritanopia

#57757C

Achromatopsia

#A9A9A9

CSS Usage

background-color: #51CF30;
color: #51CF30;
border-color: #51CF30;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FBF3
100
#E8F7E4
200
#CEF2C5
300
#ACE89C
400
#7EDC66
500
#51CF30
600
#41A626
700
#34851F
800
#296818
900
#214C15
950
#15300D

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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