#664C2F

#664C2F

Color Values

HEX

#664C2F

RGB

102, 76, 47

HSL

31.6, 36.9%, 29.2%

HSV

31.6, 53.9%, 40.0%

CMYK

0.0%, 25.5%, 53.9%, 60.0%

OKLCH

0.4371 0.0556 68.6

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#664C2F

#2F4966

Analogous

#66302F

#64662F

#664C2F

Triadic

#664C2F

#2F664C

#4C2F66

Split Complementary

#664C2F

#2F6466

#302F66

Tetradic

#664C2F

#2F6630

#2F4966

#662F64

Color Blindness Simulation

Original

#664C2F

Protanopia

#5B5B36

Deuteranopia

#5C5E38

Tritanopia

#653C3D

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DCCE
300
#D8C3AB
400
#C3A37E
500
#AF8250
600
#8C6840
700
#705333
800
#574128
900
#413120
950
#291F14

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