#3BC309

#3BC309

Color Values

HEX

#3BC309

RGB

59, 195, 9

HSL

103.9, 91.2%, 40.0%

HSV

103.9, 95.4%, 76.5%

CMYK

69.7%, 0.0%, 95.4%, 23.5%

OKLCH

0.7157 0.2294 140.3

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3BC309

#9109C3

Analogous

#98C309

#09C334

#3BC309

Triadic

#3BC309

#093BC3

#C3093B

Split Complementary

#3BC309

#3409C3

#C30998

Tetradic

#3BC309

#0998C3

#9109C3

#C33409

Color Blindness Simulation

Original

#3BC309

Protanopia

#767736

Deuteranopia

#6E6441

Tritanopia

#425A61

Achromatopsia

#999999

CSS Usage

background-color: #3BC309;
color: #3BC309;
border-color: #3BC309;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FDF1
100
#E7FBDF
200
#CCFCBB
300
#A8FA8A
400
#79F74B
500
#4AF40B
600
#3BC309
700
#2F9C07
800
#257A06
900
#1E5809
950
#133805

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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