#67472F

#67472F

Color Values

HEX

#67472F

RGB

103, 71, 47

HSL

25.7, 37.3%, 29.4%

HSV

25.7, 54.4%, 40.4%

CMYK

0.0%, 31.1%, 54.4%, 59.6%

OKLCH

0.4275 0.0572 57.4

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#67472F

#2F4F67

Analogous

#672F33

#67632F

#67472F

Triadic

#67472F

#2F6747

#472F67

Split Complementary

#67472F

#2F6763

#2F3367

Tetradic

#67472F

#33672F

#2F4F67

#632F67

Color Blindness Simulation

Original

#67472F

Protanopia

#595935

Deuteranopia

#5B5D36

Tritanopia

#65393A

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BFAB
400
#C49C7D
500
#AF7950
600
#8C6140
700
#704D33
800
#583C28
900
#412E20
950
#291D14

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

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