#674731

#674731

Color Values

HEX

#674731

RGB

103, 71, 49

HSL

24.4, 35.5%, 29.8%

HSV

24.4, 52.4%, 40.4%

CMYK

0.0%, 31.1%, 52.4%, 59.6%

OKLCH

0.4278 0.0556 55.2

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#674731

#315167

Analogous

#673136

#676231

#674731

Triadic

#674731

#316747

#473167

Split Complementary

#674731

#316762

#313667

Tetradic

#674731

#366731

#315167

#623167

Color Blindness Simulation

Original

#674731

Protanopia

#595936

Deuteranopia

#5B5D38

Tritanopia

#653B3B

Achromatopsia

#4C4C4C

CSS Usage

background-color: #674731;
color: #674731;
border-color: #674731;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8D9CF
300
#D8BEAC
400
#C29A7F
500
#AD7752
600
#8A5F42
700
#6F4C35
800
#563C29
900
#402E21
950
#281D15

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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