#3F680B

#3F680B

Color Values

HEX

#3F680B

RGB

63, 104, 11

HSL

86.5, 80.9%, 22.5%

HSV

86.5, 89.4%, 40.8%

CMYK

39.4%, 0.0%, 89.4%, 59.2%

OKLCH

0.4691 0.1244 131.9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#3F680B

#340B68

Analogous

#68620B

#10680B

#3F680B

Triadic

#3F680B

#0B3F68

#680B3F

Split Complementary

#3F680B

#0B1068

#620B68

Tetradic

#3F680B

#0B6862

#340B68

#680B10

Color Blindness Simulation

Original

#3F680B

Protanopia

#515121

Deuteranopia

#4E4B27

Tritanopia

#413337

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFF9E1
200
#DFF8BE
300
#C8F390
400
#AAED54
500
#8CE718
600
#70B913
700
#599410
800
#46730C
900
#35540D
950
#213508

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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