#6F6B02

#6F6B02

Color Values

HEX

#6F6B02

RGB

111, 107, 2

HSL

57.8, 96.5%, 22.2%

HSV

57.8, 98.2%, 43.5%

CMYK

0.0%, 3.6%, 98.2%, 56.5%

OKLCH

0.5148 0.1097 107.1

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#6F6B02

#02066F

Analogous

#6F3502

#3D6F02

#6F6B02

Triadic

#6F6B02

#026F6B

#6B026F

Split Complementary

#6F6B02

#023D6F

#35026F

Tetradic

#6F6B02

#026F35

#02066F

#6F023D

Color Blindness Simulation

Original

#6F6B02

Protanopia

#6D6D1B

Deuteranopia

#6E6E22

Tritanopia

#6F2F34

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FEFBB9
300
#FDF987
400
#FCF546
500
#FBF204
600
#C8C104
700
#A09B03
800
#7D7902
900
#5B5706
950
#393704

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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