#3B7D0F

#3B7D0F

Color Values

HEX

#3B7D0F

RGB

59, 125, 15

HSL

96.0, 78.6%, 27.5%

HSV

96.0, 88.0%, 49.0%

CMYK

52.8%, 0.0%, 88.0%, 51.0%

OKLCH

0.5256 0.1514 136.7

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#3B7D0F

#510F7D

Analogous

#727D0F

#0F7D1A

#3B7D0F

Triadic

#3B7D0F

#0F3B7D

#7D0F3B

Split Complementary

#3B7D0F

#1A0F7D

#7D0F72

Tetradic

#3B7D0F

#0F727D

#510F7D

#7D1A0F

Color Blindness Simulation

Original

#3B7D0F

Protanopia

#58582A

Deuteranopia

#544F30

Tritanopia

#3E3F43

Achromatopsia

#676767

CSS Usage

background-color: #3B7D0F;
color: #3B7D0F;
border-color: #3B7D0F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FCF2
100
#EBF9E1
200
#D6F7BF
300
#B8F292
400
#92EB56
500
#6BE41B
600
#56B616
700
#459211
800
#36720E
900
#2A530E
950
#1A3409

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail 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