#675434

#675434

Color Values

HEX

#675434

RGB

103, 84, 52

HSL

37.6, 32.9%, 30.4%

HSV

37.6, 49.5%, 40.4%

CMYK

0.0%, 18.4%, 49.5%, 59.6%

OKLCH

0.457 0.0533 79.8

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#675434

#344767

Analogous

#673A34

#616734

#675434

Triadic

#675434

#346754

#543467

Split Complementary

#675434

#346167

#3A3467

Tetradic

#675434

#34673A

#344767

#673461

Color Blindness Simulation

Original

#675434

Protanopia

#5F5F3C

Deuteranopia

#60613E

Tritanopia

#664243

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DED0
300
#D6C7AE
400
#C0A982
500
#A98A56
600
#886F44
700
#6C5837
800
#55452B
900
#3F3422
950
#282116

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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