#3F5F14

#3F5F14

Color Values

HEX

#3F5F14

RGB

63, 95, 20

HSL

85.6, 65.2%, 22.5%

HSV

85.6, 78.9%, 37.3%

CMYK

33.7%, 0.0%, 78.9%, 62.7%

OKLCH

0.4447 0.1075 130.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#3F5F14

#34145F

Analogous

#5F5914

#195F14

#3F5F14

Triadic

#3F5F14

#143F5F

#5F143F

Split Complementary

#3F5F14

#14195F

#59145F

Tetradic

#3F5F14

#145F59

#34145F

#5F1419

Color Blindness Simulation

Original

#3F5F14

Protanopia

#4D4D26

Deuteranopia

#4B492A

Tritanopia

#413438

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#DFF3C4
300
#C8EA9A
400
#AADE63
500
#8CD32C
600
#70A923
700
#59871C
800
#466916
900
#354D14
950
#21310D

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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