#3BAC20

#3BAC20

Color Values

HEX

#3BAC20

RGB

59, 172, 32

HSL

108.4, 68.6%, 40.0%

HSV

108.4, 81.4%, 67.5%

CMYK

65.7%, 0.0%, 81.4%, 32.5%

OKLCH

0.655 0.1988 140.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3BAC20

#9120AC

Analogous

#81AC20

#20AC4B

#3BAC20

Triadic

#3BAC20

#203BAC

#AC203B

Split Complementary

#3BAC20

#4B20AC

#AC2081

Tetradic

#3BAC20

#2081AC

#9120AC

#AC4B20

Color Blindness Simulation

Original

#3BAC20

Protanopia

#6C6D42

Deuteranopia

#655D4A

Tritanopia

#415D62

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E7F8E3
200
#CCF4C3
300
#A8EC98
400
#79E160
500
#4AD728
600
#3BAC20
700
#2F8A1A
800
#256B14
900
#1E4E13
950
#13310C

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

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