#2FA201

#2FA201

Color Values

HEX

#2FA201

RGB

47, 162, 1

HSL

102.9, 98.8%, 32.0%

HSV

102.9, 99.4%, 63.5%

CMYK

71.0%, 0.0%, 99.4%, 36.5%

OKLCH

0.6236 0.2011 140.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#2FA201

#7401A2

Analogous

#80A201

#01A224

#2FA201

Triadic

#2FA201

#012FA2

#A2012F

Split Complementary

#2FA201

#2401A2

#A20180

Tetradic

#2FA201

#0180A2

#7401A2

#A22401

Color Blindness Simulation

Original

#2FA201

Protanopia

#616228

Deuteranopia

#5A5231

Tritanopia

#35474D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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