#481F1E

#481F1E

Color Values

HEX

#481F1E

RGB

72, 31, 30

HSL

1.4, 41.2%, 20.0%

HSV

1.4, 58.3%, 28.2%

CMYK

0.0%, 56.9%, 58.3%, 71.8%

OKLCH

0.298 0.063 23.0

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#481F1E

#1E4748

Analogous

#481E32

#48341E

#481F1E

Triadic

#481F1E

#1E481F

#1F1E48

Split Complementary

#481F1E

#1E4834

#1E3248

Tetradic

#481F1E

#32481E

#1E4748

#341E48

Color Blindness Simulation

Original

#481F1E

Protanopia

#36361E

Deuteranopia

#393C1E

Tritanopia

#461E1E

Achromatopsia

#282828

CSS Usage

background-color: #481F1E;
color: #481F1E;
border-color: #481F1E;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBAAA9
400
#C87C7A
500
#B44D4B
600
#903E3C
700
#733230
800
#5A2725
900
#421F1E
950
#2A1413

Contrast Checker

Text on white

14.09:1

AA Pass AAA Pass

Text on black

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