#3F751C

#3F751C

Color Values

HEX

#3F751C

RGB

63, 117, 28

HSL

96,4, 61,4%, 28,4%

HSV

96,4, 76,1%, 45,9%

CMYK

46,2%, 0,0%, 76,1%, 54,1%

OKLCH

0,5061 0,1325 135,8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3F751C

#521C75

Analogous

#6B751C

#1C7525

#3F751C

Triadic

#3F751C

#1C3F75

#751C3F

Split Complementary

#3F751C

#251C75

#751C6B

Tetradic

#3F751C

#1C6B75

#521C75

#75251C

Color Blindness Simulation

Original

#3F751C

Protanopia

#565732

Deuteranopia

#534F37

Tritanopia

#424346

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EBF6E4
200
#D7F1C5
300
#BAE79C
400
#94DB67
500
#6FCE31
600
#59A527
700
#47841F
800
#376719
900
#2B4B16
950
#1B300E

Contrast Checker

Text on white

5,57:1

AA Pass AAA Fail

Text on black

3,77: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