#672F02

#672F02

Color Values

HEX

#672F02

RGB

103, 47, 2

HSL

26.7, 96.2%, 20.6%

HSV

26.7, 98.1%, 40.4%

CMYK

0.0%, 54.4%, 98.1%, 59.6%

OKLCH

0.3748 0.0953 51.6

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#672F02

#023A67

Analogous

#670208

#676202

#672F02

Triadic

#672F02

#02672F

#2F0267

Split Complementary

#672F02

#026762

#020867

Tetradic

#672F02

#086702

#023A67

#620267

Color Blindness Simulation

Original

#672F02

Protanopia

#4F4E0D

Deuteranopia

#525610

Tritanopia

#641517

Achromatopsia

#383838

CSS Usage

background-color: #672F02;
color: #672F02;
border-color: #672F02;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED8B9
300
#FDBB87
400
#FB9746
500
#FA7205
600
#C85B04
700
#A04903
800
#7D3902
900
#5A2C07
950
#391C04

Contrast Checker

Text on white

10.58:1

AA Pass AAA Pass

Text on black

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