#672D25

#672D25

Color Values

HEX

#672D25

RGB

103, 45, 37

HSL

7.3, 47.1%, 27.5%

HSV

7.3, 64.1%, 40.4%

CMYK

0.0%, 56.3%, 64.1%, 59.6%

OKLCH

0.3754 0.0854 29.7

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#672D25

#255F67

Analogous

#67253E

#674E25

#672D25

Triadic

#672D25

#25672D

#2D2567

Split Complementary

#672D25

#25674E

#253E67

Tetradic

#672D25

#3E6725

#255F67

#4E2567

Color Blindness Simulation

Original

#672D25

Protanopia

#4E4D27

Deuteranopia

#515627

Tritanopia

#642829

Achromatopsia

#393939

CSS Usage

background-color: #672D25;
color: #672D25;
border-color: #672D25;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCFCA
300
#DFACA5
400
#CD7F74
500
#BC5243
600
#964236
700
#78352B
800
#5E2922
900
#45211C
950
#2C1512

Contrast Checker

Text on white

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