#482024

#482024

Color Values

HEX

#482024

RGB

72, 32, 36

HSL

354.0, 38.5%, 20.4%

HSV

354.0, 55.6%, 28.2%

CMYK

0.0%, 55.6%, 50.0%, 71.8%

OKLCH

0.3014 0.0611 15.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#482024

#204844

Analogous

#482038

#483020

#482024

Triadic

#482024

#244820

#202448

Split Complementary

#482024

#204830

#203848

Tetradic

#482024

#384820

#204844

#302048

Color Blindness Simulation

Original

#482024

Protanopia

#373623

Deuteranopia

#393C23

Tritanopia

#462222

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CED0
300
#D9AAAF
400
#C57C84
500
#B14E58
600
#8D3F47
700
#713238
800
#58272C
900
#412023
950
#291416

Contrast Checker

Text on white

13.93:1

AA Pass AAA Pass

Text on black

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