#3F6216

#3F6216

Color Values

HEX

#3F6216

RGB

63, 98, 22

HSL

87.6, 63.3%, 23.5%

HSV

87.6, 77.6%, 38.4%

CMYK

35.7%, 0.0%, 77.6%, 61.6%

OKLCH

0.4531 0.1104 131.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3F6216

#391662

Analogous

#625F16

#196216

#3F6216

Triadic

#3F6216

#163F62

#62163F

Split Complementary

#3F6216

#161962

#5F1662

Tetradic

#3F6216

#16625F

#391662

#621619

Color Blindness Simulation

Original

#3F6216

Protanopia

#4E4E28

Deuteranopia

#4C4A2D

Tritanopia

#41373A

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DDF2C5
300
#C5E99B
400
#A5DC65
500
#86D02F
600
#6BA725
700
#56851E
800
#436817
900
#334C15
950
#20300D

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026