#6F7308

#6F7308

Color Values

HEX

#6F7308

RGB

111, 115, 8

HSL

62.2, 87.0%, 24.1%

HSV

62.2, 93.0%, 45.1%

CMYK

3.5%, 0.0%, 93.0%, 54.9%

OKLCH

0.5343 0.1158 112.2

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#6F7308

#0C0873

Analogous

#734108

#3A7308

#6F7308

Triadic

#6F7308

#086F73

#73086F

Split Complementary

#6F7308

#083A73

#410873

Tetradic

#6F7308

#087341

#0C0873

#73083A

Color Blindness Simulation

Original

#6F7308

Protanopia

#717122

Deuteranopia

#707028

Tritanopia

#6F363B

Achromatopsia

#6A6A6A

CSS Usage

background-color: #6F7308;
color: #6F7308;
border-color: #6F7308;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FDFDF2
100
#F9FAE0
200
#F8FABC
300
#F3F78D
400
#EDF34F
500
#E6EE11
600
#B8BF0D
700
#93990B
800
#737708
900
#54560B
950
#353707

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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