#2FA301

#2FA301

Color Values

HEX

#2FA301

RGB

47, 163, 1

HSL

103.0, 98.8%, 32.2%

HSV

103.0, 99.4%, 63.9%

CMYK

71.2%, 0.0%, 99.4%, 36.1%

OKLCH

0.6263 0.2022 140.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2FA301

#7501A3

Analogous

#80A301

#01A324

#2FA301

Triadic

#2FA301

#012FA3

#A3012F

Split Complementary

#2FA301

#2401A3

#A30180

Tetradic

#2FA301

#0180A3

#7501A3

#A32401

Color Blindness Simulation

Original

#2FA301

Protanopia

#616228

Deuteranopia

#5A5232

Tritanopia

#35474E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #2FA301;
color: #2FA301;
border-color: #2FA301;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FEF1
100
#E7FCDE
200
#CCFFB8
300
#A8FE85
400
#78FE43
500
#49FD02
600
#3ACB01
700
#2FA201
800
#247F01
900
#1E5C05
950
#133A03

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

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