#674830

#674830

Color Values

HEX

#674830

RGB

103, 72, 48

HSL

26.2, 36.4%, 29.6%

HSV

26.2, 53.4%, 40.4%

CMYK

0.0%, 30.1%, 53.4%, 59.6%

OKLCH

0.4298 0.056 58.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#674830

#304F67

Analogous

#673033

#676330

#674830

Triadic

#674830

#306748

#483067

Split Complementary

#674830

#306763

#303367

Tetradic

#674830

#336730

#304F67

#633067

Color Blindness Simulation

Original

#674830

Protanopia

#5A5936

Deuteranopia

#5B5E37

Tritanopia

#653A3B

Achromatopsia

#4D4D4D

CSS Usage

background-color: #674830;
color: #674830;
border-color: #674830;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8DACE
300
#D8BFAC
400
#C39C7E
500
#AE7A51
600
#8B6141
700
#6F4E34
800
#573D29
900
#402E21
950
#291D15

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

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