#482015

#482015

Color Values

HEX

#482015

RGB

72, 32, 21

HSL

12.9, 54.8%, 18.2%

HSV

12.9, 70.8%, 28.2%

CMYK

0.0%, 55.6%, 70.8%, 71.8%

OKLCH

0.2978 0.0644 36.3

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#482015

#153D48

Analogous

#481523

#483915

#482015

Triadic

#482015

#154820

#201548

Split Complementary

#482015

#154839

#152348

Tetradic

#482015

#234815

#153D48

#391548

Color Blindness Simulation

Original

#482015

Protanopia

#373618

Deuteranopia

#393C18

Tritanopia

#461A1A

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EFD0C8
300
#E3AFA0
400
#D4836D
500
#C5583A
600
#9E462E
700
#7E3825
800
#632C1D
900
#482319
950
#2E1610

Contrast Checker

Text on white

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