#665C55

#665C55

Color Values

HEX

#665C55

RGB

102, 92, 85

HSL

24.7, 9.1%, 36.7%

HSV

24.7, 16.7%, 40.0%

CMYK

0.0%, 9.8%, 16.7%, 60.0%

OKLCH

0.4821 0.017 57.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#665C55

#555F66

Analogous

#665557

#666555

#665C55

Triadic

#665C55

#55665C

#5C5566

Split Complementary

#665C55

#556665

#555766

Tetradic

#665C55

#576655

#555F66

#655566

Color Blindness Simulation

Original

#665C55

Protanopia

#626257

Deuteranopia

#626357

Tritanopia

#655858

Achromatopsia

#5E5E5E

CSS Usage

background-color: #665C55;
color: #665C55;
border-color: #665C55;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C7C1BC
400
#A99F98
500
#8B7D74
600
#6F645D
700
#59504A
800
#463F3A
900
#34302C
950
#211E1C

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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