#482218

#482218

Color Values

HEX

#482218

RGB

72, 34, 24

HSL

12.5, 50.0%, 18.8%

HSV

12.5, 66.7%, 28.2%

CMYK

0.0%, 52.8%, 66.7%, 71.8%

OKLCH

0.3022 0.0609 35.7

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#482218

#183E48

Analogous

#481826

#483A18

#482218

Triadic

#482218

#184822

#221848

Split Complementary

#482218

#18483A

#182648

Tetradic

#482218

#264818

#183E48

#3A1848

Color Blindness Simulation

Original

#482218

Protanopia

#38371A

Deuteranopia

#3A3D1B

Tritanopia

#461C1D

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E9E6
200
#EDD1C9
300
#E0B0A3
400
#D08571
500
#BF5A40
600
#994833
700
#7A3A29
800
#602D20
900
#46241B
950
#2C1711

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

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