#675C55

#675C55

Color Values

HEX

#675C55

RGB

103, 92, 85

HSL

23.3, 9.6%, 36.9%

HSV

23.3, 17.5%, 40.4%

CMYK

0.0%, 10.7%, 17.5%, 59.6%

OKLCH

0.4831 0.0181 54.6

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#675C55

#556067

Analogous

#675557

#676555

#675C55

Triadic

#675C55

#55675C

#5C5567

Split Complementary

#675C55

#556765

#555767

Tetradic

#675C55

#576755

#556067

#655567

Color Blindness Simulation

Original

#675C55

Protanopia

#626257

Deuteranopia

#636457

Tritanopia

#665858

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C0BC
400
#AA9F98
500
#8C7D73
600
#70645C
700
#59504A
800
#463E3A
900
#35302C
950
#211E1C

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026