#3F7207

#3F7207

Color Values

HEX

#3F7207

RGB

63, 114, 7

HSL

88.6, 88.4%, 23.7%

HSV

88.6, 93.9%, 44.7%

CMYK

44.7%, 0.0%, 93.9%, 55.3%

OKLCH

0.4967 0.1385 133.7

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3F7207

#3A0772

Analogous

#726F07

#0A7207

#3F7207

Triadic

#3F7207

#073F72

#72073F

Split Complementary

#3F7207

#070A72

#6F0772

Tetradic

#3F7207

#07726F

#3A0772

#72070A

Color Blindness Simulation

Original

#3F7207

Protanopia

#555621

Deuteranopia

#524E27

Tritanopia

#42353A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DDFBBC
300
#C4F88C
400
#A5F44D
500
#85F00F
600
#6AC00C
700
#559A09
800
#427807
900
#32570A
950
#203706

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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