#3F701F

#3F701F

Color Values

HEX

#3F701F

RGB

63, 112, 31

HSL

96.3, 56.6%, 28.0%

HSV

96.3, 72.3%, 43.9%

CMYK

43.7%, 0.0%, 72.3%, 56.1%

OKLCH

0.4926 0.1236 135.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F701F

#501F70

Analogous

#67701F

#1F7027

#3F701F

Triadic

#3F701F

#1F3F70

#701F3F

Split Complementary

#3F701F

#271F70

#701F67

Tetradic

#3F701F

#1F6770

#501F70

#70271F

Color Blindness Simulation

Original

#3F701F

Protanopia

#545533

Deuteranopia

#514E37

Tritanopia

#414245

Achromatopsia

#606060

CSS Usage

background-color: #3F701F;
color: #3F701F;
border-color: #3F701F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FBF4
100
#EBF6E5
200
#D7F0C7
300
#BBE49F
400
#95D66B
500
#70C837
600
#5AA02C
700
#488023
800
#38641C
900
#2B4918
950
#1B2E0F

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

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