#674124

#674124

Color Values

HEX

#674124

RGB

103, 65, 36

HSL

26.0, 48.2%, 27.3%

HSV

26.0, 65.0%, 40.4%

CMYK

0.0%, 36.9%, 65.0%, 59.6%

OKLCH

0.4129 0.068 56.8

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#674124

#244A67

Analogous

#672429

#676324

#674124

Triadic

#674124

#246741

#412467

Split Complementary

#674124

#246763

#242967

Tetradic

#674124

#296724

#244A67

#632467

Color Blindness Simulation

Original

#674124

Protanopia

#57562B

Deuteranopia

#595C2D

Tritanopia

#653132

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EDD9CA
300
#DFBEA4
400
#CE9B73
500
#BD7742
600
#975F35
700
#794C2A
800
#5E3C21
900
#452E1B
950
#2C1D11

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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