#676222

#676222

Color Values

HEX

#676222

RGB

103, 98, 34

HSL

55.7, 50.4%, 26.9%

HSV

55.7, 67.0%, 40.4%

CMYK

0.0%, 4.9%, 67.0%, 59.6%

OKLCH

0.4872 0.0845 104.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#676222

#222767

Analogous

#674022

#4A6722

#676222

Triadic

#676222

#226762

#622267

Split Complementary

#676222

#224A67

#402267

Tetradic

#676222

#226740

#222767

#67224A

Color Blindness Simulation

Original

#676222

Protanopia

#656531

Deuteranopia

#656635

Tritanopia

#673E40

Achromatopsia

#5E5E5E

CSS Usage

background-color: #676222;
color: #676222;
border-color: #676222;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBC9
300
#E1DCA3
400
#D0C971
500
#C0B73F
600
#999233
700
#7B7528
800
#605B20
900
#46431A
950
#2C2A11

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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