#3AA646

#3AA646

Color Values

HEX

#3AA646

RGB

58, 166, 70

HSL

126.7, 48.2%, 43.9%

HSV

126.7, 65.1%, 65.1%

CMYK

65.1%, 0.0%, 57.8%, 34.9%

OKLCH

0.642 0.1669 145.1

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#3AA646

#A63A9A

Analogous

#64A63A

#3AA67C

#3AA646

Triadic

#3AA646

#463AA6

#A6463A

Split Complementary

#3AA646

#7C3AA6

#A63A64

Tetradic

#3AA646

#3A64A6

#A63A9A

#A67C3A

Color Blindness Simulation

Original

#3AA646

Protanopia

#696A5D

Deuteranopia

#625A63

Tritanopia

#3F7074

Achromatopsia

#888888

CSS Usage

background-color: #3AA646;
color: #3AA646;
border-color: #3AA646;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CAEDCE
300
#A4DFAB
400
#73CE7D
500
#42BD50
600
#359740
700
#2A7933
800
#215E28
900
#1B4520
950
#112C14

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026