#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026