#3FA103

#3FA103

Color Values

HEX

#3FA103

RGB

63, 161, 3

HSL

97.2, 96.3%, 32.2%

HSV

97.2, 98.1%, 63.1%

CMYK

60.9%, 0.0%, 98.1%, 36.9%

OKLCH

0.6256 0.1937 138.4

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3FA103

#6503A1

Analogous

#8EA103

#03A116

#3FA103

Triadic

#3FA103

#033FA1

#A1033F

Split Complementary

#3FA103

#1603A1

#A1038E

Tetradic

#3FA103

#038EA1

#6503A1

#A11603

Color Blindness Simulation

Original

#3FA103

Protanopia

#696A29

Deuteranopia

#645C32

Tritanopia

#44474E

Achromatopsia

#818181

CSS Usage

background-color: #3FA103;
color: #3FA103;
border-color: #3FA103;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D3FEB9
300
#B4FD87
400
#8BFC46
500
#62FA05
600
#4EC804
700
#3FA003
800
#317D02
900
#265A06
950
#183904

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026