#664620

#664620

Color Values

HEX

#664620

RGB

102, 70, 32

HSL

32.6, 52.2%, 26.3%

HSV

32.6, 68.6%, 40.0%

CMYK

0.0%, 31.4%, 68.6%, 60.0%

OKLCH

0.4216 0.0689 68.6

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#664620

#204066

Analogous

#662320

#636620

#664620

Triadic

#664620

#206646

#462066

Split Complementary

#664620

#206366

#232066

Tetradic

#664620

#206623

#204066

#662063

Color Blindness Simulation

Original

#664620

Protanopia

#585829

Deuteranopia

#5A5C2B

Tritanopia

#643032

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDDC9
300
#E2C5A2
400
#D2A56F
500
#C2853D
600
#9B6B31
700
#7C5527
800
#61431E
900
#47321A
950
#2D2010

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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