#3AEB46

#3AEB46

Color Values

HEX

#3AEB46

RGB

58, 235, 70

HSL

124.1, 81.6%, 57.5%

HSV

124.1, 75.3%, 92.2%

CMYK

75.3%, 0.0%, 70.2%, 7.8%

OKLCH

0.8228 0.2474 143.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3AEB46

#EB3ADF

Analogous

#87EB3A

#3AEB9F

#3AEB46

Triadic

#3AEB46

#463AEB

#EB463A

Split Complementary

#3AEB46

#9F3AEB

#EB3A87

Tetradic

#3AEB46

#3A87EB

#EB3ADF

#EB9F3A

Color Blindness Simulation

Original

#3AEB46

Protanopia

#87886E

Deuteranopia

#7C6F78

Tritanopia

#438D94

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1FAE2
200
#BEF8C2
300
#90F497
400
#54EE5E
500
#17E826
600
#13B91E
700
#0F9418
800
#0C7413
900
#0D5412
950
#08350B

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026