#675853

#675853

Color Values

HEX

#675853

RGB

103, 88, 83

HSL

15.0, 10.8%, 36.5%

HSV

15.0, 19.4%, 40.4%

CMYK

0.0%, 14.6%, 19.4%, 59.6%

OKLCH

0.4736 0.0213 39.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#675853

#536267

Analogous

#675358

#676253

#675853

Triadic

#675853

#536758

#585367

Split Complementary

#675853

#536762

#535867

Tetradic

#675853

#586753

#536267

#625367

Color Blindness Simulation

Original

#675853

Protanopia

#616054

Deuteranopia

#616254

Tritanopia

#665555

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD9D7
300
#C8BEBB
400
#AB9C96
500
#8D7972
600
#71605B
700
#5A4D49
800
#473C39
900
#352E2C
950
#221D1C

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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