#3AF50A

#3AF50A

Color Values

HEX

#3AF50A

RGB

58, 245, 10

HSL

107.7, 92.2%, 50.0%

HSV

107.7, 95.9%, 96.1%

CMYK

76.3%, 0.0%, 95.9%, 3.9%

OKLCH

0.8459 0.2778 141.2

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#3AF50A

#C50AF5

Analogous

#B0F50A

#0AF54F

#3AF50A

Triadic

#3AF50A

#0A3AF5

#F50A3A

Split Complementary

#3AF50A

#4F0AF5

#F50AB0

Tetradic

#3AF50A

#0AB0F5

#C50AF5

#F54F0A

Color Blindness Simulation

Original

#3AF50A

Protanopia

#8B8D43

Deuteranopia

#807250

Tritanopia

#43707A

Achromatopsia

#BCBCBC

CSS Usage

background-color: #3AF50A;
color: #3AF50A;
border-color: #3AF50A;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C8FCBA
300
#A1FA89
400
#6DF84A
500
#3AF50A
600
#2FC408
700
#259D06
800
#1D7B05
900
#195908
950
#103805

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.25:1

AA Pass AAA Pass

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