#3F7617

#3F7617

Color Values

HEX

#3F7617

RGB

63, 118, 23

HSL

94.7, 67.4%, 27.6%

HSV

94.7, 80.5%, 46.3%

CMYK

46.6%, 0.0%, 80.5%, 53.7%

OKLCH

0.5085 0.1368 135.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3F7617

#4E1776

Analogous

#6E7617

#17761E

#3F7617

Triadic

#3F7617

#173F76

#76173F

Split Complementary

#3F7617

#1E1776

#76176E

Tetradic

#3F7617

#176E76

#4E1776

#761E17

Color Blindness Simulation

Original

#3F7617

Protanopia

#57572E

Deuteranopia

#545034

Tritanopia

#424044

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D8F3C3
300
#BBEB99
400
#97E061
500
#72D52A
600
#5BAB21
700
#49891B
800
#396B15
900
#2C4E13
950
#1C310C

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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