#675451

#675451

Color Values

HEX

#675451

RGB

103, 84, 81

HSL

8.2, 12.0%, 36.1%

HSV

8.2, 21.4%, 40.4%

CMYK

0.0%, 18.4%, 21.4%, 59.6%

OKLCH

0.4641 0.0258 28.6

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#675451

#516467

Analogous

#675159

#675F51

#675451

Triadic

#675451

#516754

#545167

Split Complementary

#675451

#51675F

#515967

Tetradic

#675451

#596751

#516467

#5F5167

Color Blindness Simulation

Original

#675451

Protanopia

#5F5F52

Deuteranopia

#606152

Tritanopia

#665252

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#E0D8D7
300
#C9BCBA
400
#AC9895
500
#8F7470
600
#725D5A
700
#5B4A48
800
#473A38
900
#362D2B
950
#221C1B

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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