#6F7536

#6F7536

Color Values

HEX

#6F7536

RGB

111, 117, 54

HSL

65.7, 36.8%, 33.5%

HSV

65.7, 53.8%, 45.9%

CMYK

5.1%, 0.0%, 53.8%, 54.1%

OKLCH

0.5428 0.0865 113.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#6F7536

#3C3675

Analogous

#755B36

#4F7536

#6F7536

Triadic

#6F7536

#366F75

#75366F

Split Complementary

#6F7536

#364F75

#5B3675

Tetradic

#6F7536

#36755B

#3C3675

#75364F

Color Blindness Simulation

Original

#6F7536

Protanopia

#727245

Deuteranopia

#717149

Tritanopia

#6F5154

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E8
200
#E6E8CE
300
#D4D8AB
400
#BDC37E
500
#A6AE51
600
#848C40
700
#6A7034
800
#535728
900
#3D4020
950
#272914

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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