#664622

#664622

Color Values

HEX

#664622

RGB

102, 70, 34

HSL

31.8, 50.0%, 26.7%

HSV

31.8, 66.7%, 40.0%

CMYK

0.0%, 31.4%, 66.7%, 60.0%

OKLCH

0.4219 0.0673 67.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#664622

#224266

Analogous

#662422

#646622

#664622

Triadic

#664622

#226646

#462266

Split Complementary

#664622

#226466

#242266

Tetradic

#664622

#226624

#224266

#662264

Color Blindness Simulation

Original

#664622

Protanopia

#58582B

Deuteranopia

#5A5C2D

Tritanopia

#643233

Achromatopsia

#4A4A4A

CSS Usage

background-color: #664622;
color: #664622;
border-color: #664622;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDCC9
300
#E0C4A3
400
#D0A371
500
#BF8340
600
#996933
700
#7A5429
800
#604220
900
#46321B
950
#2C1F11

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026