#674945

#674945

Color Values

HEX

#674945

RGB

103, 73, 69

HSL

7.1, 19.8%, 33.7%

HSV

7.1, 33.0%, 40.4%

CMYK

0.0%, 29.1%, 33.0%, 59.6%

OKLCH

0.4369 0.0419 27.5

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#674945

#456367

Analogous

#674552

#675A45

#674945

Triadic

#674945

#456749

#494567

Split Complementary

#674945

#45675A

#455267

Tetradic

#674945

#526745

#456367

#5A4567

Color Blindness Simulation

Original

#674945

Protanopia

#5A5A46

Deuteranopia

#5C5E46

Tritanopia

#664747

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E2D6D4
300
#CEB9B6
400
#B3928E
500
#996C66
600
#7A5752
700
#624541
800
#4C3633
900
#392A28
950
#241A19

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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