#3B681F

#3B681F

Color Values

HEX

#3B681F

RGB

59, 104, 31

HSL

97.0, 54.1%, 26.5%

HSV

97.0, 70.2%, 40.8%

CMYK

43.3%, 0.0%, 70.2%, 59.2%

OKLCH

0.4682 0.1146 135.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#3B681F

#4C1F68

Analogous

#60681F

#1F6828

#3B681F

Triadic

#3B681F

#1F3B68

#681F3B

Split Complementary

#3B681F

#281F68

#681F60

Tetradic

#3B681F

#1F6068

#4C1F68

#68281F

Color Blindness Simulation

Original

#3B681F

Protanopia

#4E4F31

Deuteranopia

#4C4835

Tritanopia

#3D3F42

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF5E5
200
#D7EFC8
300
#BAE3A1
400
#95D46E
500
#6FC43B
600
#599D2F
700
#477E25
800
#38621D
900
#2B4819
950
#1B2D10

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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