#676622

#676622

Color Values

HEX

#676622

RGB

103, 102, 34

HSL

59.1, 50.4%, 26.9%

HSV

59.1, 67.0%, 40.4%

CMYK

0.0%, 1.0%, 67.0%, 59.6%

OKLCH

0.4969 0.089 108.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#676622

#222367

Analogous

#674422

#466722

#676622

Triadic

#676622

#226766

#662267

Split Complementary

#676622

#224667

#442267

Tetradic

#676622

#226744

#222367

#672246

Color Blindness Simulation

Original

#676622

Protanopia

#676732

Deuteranopia

#676736

Tritanopia

#673F42

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E6
200
#EDEDC9
300
#E1E0A3
400
#D0CF71
500
#C0BE3F
600
#999833
700
#7B7928
800
#605F20
900
#46461A
950
#2C2C11

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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