#3AD53D

#3AD53D

Color Values

HEX

#3AD53D

RGB

58, 213, 61

HSL

121.2, 64.9%, 53.1%

HSV

121.2, 72.8%, 83.5%

CMYK

72.8%, 0.0%, 71.4%, 16.5%

OKLCH

0.7652 0.229 143.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3AD53D

#D53AD2

Analogous

#84D53A

#3AD58B

#3AD53D

Triadic

#3AD53D

#3D3AD5

#D53D3A

Split Complementary

#3AD53D

#8B3AD5

#D53A84

Tetradic

#3AD53D

#3A84D5

#D53AD2

#D58B3A

Color Blindness Simulation

Original

#3AD53D

Protanopia

#7D7E62

Deuteranopia

#74686B

Tritanopia

#427F85

Achromatopsia

#A9A9A9

CSS Usage

background-color: #3AD53D;
color: #3AD53D;
border-color: #3AD53D;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E3F7E4
200
#C4F2C5
300
#9AEA9C
400
#63DE66
500
#2DD230
600
#24A826
700
#1D871F
800
#166918
900
#144D15
950
#0D300D

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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