#675852

#675852

Color Values

HEX

#675852

RGB

103, 88, 82

HSL

17.1, 11.4%, 36.3%

HSV

17.1, 20.4%, 40.4%

CMYK

0.0%, 14.6%, 20.4%, 59.6%

OKLCH

0.4733 0.022 43.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#675852

#526167

Analogous

#675257

#676352

#675852

Triadic

#675852

#526758

#585267

Split Complementary

#675852

#526763

#525767

Tetradic

#675852

#576752

#526167

#635267

Color Blindness Simulation

Original

#675852

Protanopia

#616053

Deuteranopia

#616254

Tritanopia

#665555

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFDAD7
300
#C9BFBB
400
#AB9C96
500
#8E7971
600
#72615A
700
#5B4E48
800
#473D38
900
#352E2B
950
#221D1B

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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