#6F6C02

#6F6C02

Color Values

HEX

#6F6C02

RGB

111, 108, 2

HSL

58.3, 96.5%, 22.2%

HSV

58.3, 98.2%, 43.5%

CMYK

0.0%, 2.7%, 98.2%, 56.5%

OKLCH

0.5172 0.1107 107.8

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#6F6C02

#02056F

Analogous

#6F3602

#3C6F02

#6F6C02

Triadic

#6F6C02

#026F6C

#6C026F

Split Complementary

#6F6C02

#023C6F

#36026F

Tetradic

#6F6C02

#026F36

#02056F

#6F023C

Color Blindness Simulation

Original

#6F6C02

Protanopia

#6E6E1C

Deuteranopia

#6E6E22

Tritanopia

#6F3034

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FEFCB9
300
#FDFA87
400
#FCF746
500
#FBF404
600
#C8C304
700
#A09C03
800
#7D7A02
900
#5B5806
950
#393804

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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