#3B970D

#3B970D

Color Values

HEX

#3B970D

RGB

59, 151, 13

HSL

100.0, 84.1%, 32.2%

HSV

100.0, 91.4%, 59.2%

CMYK

60.9%, 0.0%, 91.4%, 40.8%

OKLCH

0.5972 0.1823 138.7

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#3B970D

#690D97

Analogous

#80970D

#0D9724

#3B970D

Triadic

#3B970D

#0D3B97

#970D3B

Split Complementary

#3B970D

#240D97

#970D80

Tetradic

#3B970D

#0D8097

#690D97

#97240D

Color Blindness Simulation

Original

#3B970D

Protanopia

#63642E

Deuteranopia

#5E5736

Tritanopia

#40494F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#E9FAE0
200
#D1F9BD
300
#B1F58E
400
#86F051
500
#5CEB14
600
#49BC10
700
#3B960D
800
#2E750A
900
#24550C
950
#173607

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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