#664F49

#664F49

Color Values

HEX

#664F49

RGB

102, 79, 73

HSL

12.4, 16.6%, 34.3%

HSV

12.4, 28.4%, 40.0%

CMYK

0.0%, 22.5%, 28.4%, 60.0%

OKLCH

0.4497 0.0327 35.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#664F49

#496066

Analogous

#664951

#665D49

#664F49

Triadic

#664F49

#49664F

#4F4966

Split Complementary

#664F49

#49665D

#495166

Tetradic

#664F49

#516649

#496066

#5D4966

Color Blindness Simulation

Original

#664F49

Protanopia

#5C5C4A

Deuteranopia

#5D5F4B

Tritanopia

#654C4C

Achromatopsia

#535353

CSS Usage

background-color: #664F49;
color: #664F49;
border-color: #664F49;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D5
300
#CCBCB8
400
#B09791
500
#95736A
600
#775C55
700
#5F4A44
800
#4A3A35
900
#382C29
950
#231C1A

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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