#480C24

#480C24

Color Values

HEX

#480C24

RGB

72, 12, 36

HSL

336.0, 71.4%, 16.5%

HSV

336.0, 83.3%, 28.2%

CMYK

0.0%, 83.3%, 50.0%, 71.8%

OKLCH

0.2725 0.0917 1.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480C24

#0C4830

Analogous

#480C42

#48120C

#480C24

Triadic

#480C24

#24480C

#0C2448

Split Complementary

#480C24

#0C4812

#0C4248

Tetradic

#480C24

#42480C

#0C4830

#120C48

Color Blindness Simulation

Original

#480C24

Protanopia

#2E2D1E

Deuteranopia

#32361D

Tritanopia

#451A19

Achromatopsia

#1A1A1A

CSS Usage

background-color: #480C24;
color: #480C24;
border-color: #480C24;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C2D6
300
#ED96B9
400
#E45D93
500
#DB246D
600
#AF1D57
700
#8C1746
800
#6D1237
900
#50112A
950
#320B1B

Contrast Checker

Text on white

15.51:1

AA Pass AAA Pass

Text on black

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