#3AD629

#3AD629

Color Values

HEX

#3AD629

RGB

58, 214, 41

HSL

114.1, 67.8%, 50.0%

HSV

114.1, 80.8%, 83.9%

CMYK

72.9%, 0.0%, 80.8%, 16.1%

OKLCH

0.7666 0.2401 141.8

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#3AD629

#C529D6

Analogous

#91D629

#29D66E

#3AD629

Triadic

#3AD629

#293AD6

#D6293A

Split Complementary

#3AD629

#6E29D6

#D62991

Tetradic

#3AD629

#2991D6

#C529D6

#D66E29

Color Blindness Simulation

Original

#3AD629

Protanopia

#7E7F53

Deuteranopia

#74695D

Tritanopia

#42747B

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F4FCF3
100
#E5F7E3
200
#C8F4C3
300
#A0EB98
400
#6DE161
500
#3AD629
600
#2EAB21
700
#25891A
800
#1D6B15
900
#194E13
950
#10310C

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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