#664C2D

#664C2D

Color Values

HEX

#664C2D

RGB

102, 76, 45

HSL

32.6, 38.8%, 28.8%

HSV

32.6, 55.9%, 40.0%

CMYK

0.0%, 25.5%, 55.9%, 60.0%

OKLCH

0.4367 0.0576 70.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#664C2D

#2D4766

Analogous

#662F2D

#63662D

#664C2D

Triadic

#664C2D

#2D664C

#4C2D66

Split Complementary

#664C2D

#2D6366

#2F2D66

Tetradic

#664C2D

#2D662F

#2D4766

#662D63

Color Blindness Simulation

Original

#664C2D

Protanopia

#5B5B34

Deuteranopia

#5C5E36

Tritanopia

#653A3C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCD
300
#DAC4AA
400
#C5A47C
500
#B1844E
600
#8E693E
700
#715432
800
#584227
900
#413220
950
#292014

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026