#3B680B

#3B680B

Color Values

HEX

#3B680B

RGB

59, 104, 11

HSL

89.0, 80.9%, 22.5%

HSV

89.0, 89.4%, 40.8%

CMYK

43.3%, 0.0%, 89.4%, 59.2%

OKLCH

0.4668 0.1266 133.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3B680B

#380B68

Analogous

#68660B

#0D680B

#3B680B

Triadic

#3B680B

#0B3B68

#680B3B

Split Complementary

#3B680B

#0B0D68

#660B68

Tetradic

#3B680B

#0B6866

#380B68

#680B0D

Color Blindness Simulation

Original

#3B680B

Protanopia

#4E4F21

Deuteranopia

#4C4827

Tritanopia

#3D3337

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DCF8BE
300
#C3F390
400
#A3ED54
500
#83E718
600
#69B913
700
#549410
800
#41730C
900
#32540D
950
#1F3508

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

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