#3F6C09

#3F6C09

Color Values

HEX

#3F6C09

RGB

63, 108, 9

HSL

87.3, 84.6%, 22.9%

HSV

87.3, 91.7%, 42.4%

CMYK

41.7%, 0.0%, 91.7%, 57.6%

OKLCH

0.4801 0.1303 132.7

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#3F6C09

#36096C

Analogous

#6C6709

#0D6C09

#3F6C09

Triadic

#3F6C09

#093F6C

#6C093F

Split Complementary

#3F6C09

#090D6C

#67096C

Tetradic

#3F6C09

#096C67

#36096C

#6C090D

Color Blindness Simulation

Original

#3F6C09

Protanopia

#525321

Deuteranopia

#504C27

Tritanopia

#413438

Achromatopsia

#5B5B5B

CSS Usage

background-color: #3F6C09;
color: #3F6C09;
border-color: #3F6C09;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DEFABD
300
#C6F68E
400
#A8F051
500
#89EB14
600
#6EBC10
700
#58970D
800
#45760A
900
#34550C
950
#213607

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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