#3BA923

#3BA923

Color Values

HEX

#3BA923

RGB

59, 169, 35

HSL

109.3, 65.7%, 40.0%

HSV

109.3, 79.3%, 66.3%

CMYK

65.1%, 0.0%, 79.3%, 33.7%

OKLCH

0.6471 0.1941 140.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3BA923

#9123A9

Analogous

#7EA923

#23A94E

#3BA923

Triadic

#3BA923

#233BA9

#A9233B

Split Complementary

#3BA923

#4E23A9

#A9237E

Tetradic

#3BA923

#237EA9

#9123A9

#A94E23

Color Blindness Simulation

Original

#3BA923

Protanopia

#6B6C43

Deuteranopia

#645C4B

Tritanopia

#405D63

Achromatopsia

#888888

CSS Usage

background-color: #3BA923;
color: #3BA923;
border-color: #3BA923;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FCF3
100
#E7F7E3
200
#CCF3C4
300
#A8EA9A
400
#79DF63
500
#4AD32C
600
#3BA923
700
#2F871C
800
#256A16
900
#1E4D14
950
#13310D

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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