#482018

#482018

Color Values

HEX

#482018

RGB

72, 32, 24

HSL

10.0, 50.0%, 18.8%

HSV

10.0, 66.7%, 28.2%

CMYK

0.0%, 55.6%, 66.7%, 71.8%

OKLCH

0.2984 0.0632 32.7

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#482018

#184048

Analogous

#481828

#483818

#482018

Triadic

#482018

#184820

#201848

Split Complementary

#482018

#184838

#182848

Tetradic

#482018

#284818

#184048

#381848

Color Blindness Simulation

Original

#482018

Protanopia

#37361A

Deuteranopia

#393C1A

Tritanopia

#461B1C

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCFC9
300
#E0ADA3
400
#D08171
500
#BF5540
600
#994433
700
#7A3629
800
#602A20
900
#46221B
950
#2C1511

Contrast Checker

Text on white

14.04:1

AA Pass AAA Pass

Text on black

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