#675439

#675439

Color Values

HEX

#675439

RGB

103, 84, 57

HSL

35.2, 28.7%, 31.4%

HSV

35.2, 44.7%, 40.4%

CMYK

0.0%, 18.4%, 44.7%, 59.6%

OKLCH

0.458 0.0476 75.8

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#675439

#394C67

Analogous

#673D39

#636739

#675439

Triadic

#675439

#396754

#543967

Split Complementary

#675439

#396367

#3D3967

Tetradic

#675439

#39673D

#394C67

#673963

Color Blindness Simulation

Original

#675439

Protanopia

#5F5F40

Deuteranopia

#606141

Tritanopia

#664546

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DDD1
300
#D3C5B0
400
#BCA586
500
#A4865B
600
#836B49
700
#69563A
800
#52432D
900
#3D3324
950
#272017

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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