#3F5D16

#3F5D16

Color Values

HEX

#3F5D16

RGB

63, 93, 22

HSL

85.4, 61.7%, 22.5%

HSV

85.4, 76.3%, 36.5%

CMYK

32.3%, 0.0%, 76.3%, 63.5%

OKLCH

0.4393 0.1033 129.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3F5D16

#34165D

Analogous

#5D5716

#1B5D16

#3F5D16

Triadic

#3F5D16

#163F5D

#5D163F

Split Complementary

#3F5D16

#161B5D

#57165D

Tetradic

#3F5D16

#165D57

#34165D

#5D161B

Color Blindness Simulation

Original

#3F5D16

Protanopia

#4C4C27

Deuteranopia

#4A482B

Tritanopia

#403538

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF7E4
200
#DFF1C5
300
#C8E89C
400
#AADB66
500
#8CCE31
600
#70A527
700
#59841F
800
#466718
900
#354B16
950
#21300E

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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