#3BA547

#3BA547

Color Values

HEX

#3BA547

RGB

59, 165, 71

HSL

126.8, 47.3%, 43.9%

HSV

126.8, 64.2%, 64.7%

CMYK

64.2%, 0.0%, 57.0%, 35.3%

OKLCH

0.6398 0.1644 145.2

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#3BA547

#A53B99

Analogous

#64A53B

#3BA57C

#3BA547

Triadic

#3BA547

#473BA5

#A5473B

Split Complementary

#3BA547

#7C3BA5

#A53B64

Tetradic

#3BA547

#3B64A5

#A53B99

#A57C3B

Color Blindness Simulation

Original

#3BA547

Protanopia

#696A5E

Deuteranopia

#635B63

Tritanopia

#407074

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CAECCE
300
#A5DFAB
400
#74CD7E
500
#43BC51
600
#369641
700
#2B7834
800
#225E28
900
#1C4520
950
#122C15

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

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