#3F6D1F

#3F6D1F

Color Values

HEX

#3F6D1F

RGB

63, 109, 31

HSL

95.4, 55.7%, 27.5%

HSV

95.4, 71.6%, 42.7%

CMYK

42.2%, 0.0%, 71.6%, 57.3%

OKLCH

0.4843 0.1194 135.0

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F6D1F

#4D1F6D

Analogous

#666D1F

#1F6D26

#3F6D1F

Triadic

#3F6D1F

#1F3F6D

#6D1F3F

Split Complementary

#3F6D1F

#261F6D

#6D1F66

Tetradic

#3F6D1F

#1F666D

#4D1F6D

#6D261F

Color Blindness Simulation

Original

#3F6D1F

Protanopia

#535332

Deuteranopia

#504D36

Tritanopia

#414144

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#D8EFC7
300
#BCE4A0
400
#97D56C
500
#73C738
600
#5C9F2D
700
#497F24
800
#39631C
900
#2C4918
950
#1C2E0F

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

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