#481F22

#481F22

Color Values

HEX

#481F22

RGB

72, 31, 34

HSL

355.6, 39.8%, 20.2%

HSV

355.6, 56.9%, 28.2%

CMYK

0.0%, 56.9%, 52.8%, 71.8%

OKLCH

0.299 0.0627 17.1

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#481F22

#1F4845

Analogous

#481F37

#48311F

#481F22

Triadic

#481F22

#22481F

#1F2248

Split Complementary

#481F22

#1F4831

#1F3748

Tetradic

#481F22

#37481F

#1F4845

#311F48

Color Blindness Simulation

Original

#481F22

Protanopia

#363621

Deuteranopia

#393C21

Tritanopia

#462121

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DAA9AD
400
#C67B81
500
#B24D54
600
#8F3D43
700
#723136
800
#59262A
900
#421F22
950
#2A1415

Contrast Checker

Text on white

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