#672C27

#672C27

Color Values

HEX

#672C27

RGB

103, 44, 39

HSL

4.7, 45.1%, 27.8%

HSV

4.7, 62.1%, 40.4%

CMYK

0.0%, 57.3%, 62.1%, 59.6%

OKLCH

0.3742 0.0861 26.9

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#672C27

#276267

Analogous

#672742

#674C27

#672C27

Triadic

#672C27

#27672C

#2C2767

Split Complementary

#672C27

#27674C

#274267

Tetradic

#672C27

#426727

#276267

#4C2767

Color Blindness Simulation

Original

#672C27

Protanopia

#4D4D28

Deuteranopia

#515528

Tritanopia

#642929

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCECB
300
#DDABA6
400
#CB7D76
500
#B94F46
600
#943F38
700
#76332D
800
#5D2823
900
#44201D
950
#2B1412

Contrast Checker

Text on white

10.68:1

AA Pass AAA Pass

Text on black

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