#480428

#480428

Color Values

HEX

#480428

RGB

72, 4, 40

HSL

328.2, 89.5%, 14.9%

HSV

328.2, 94.4%, 28.2%

CMYK

0.0%, 94.4%, 44.4%, 71.8%

OKLCH

0.2666 0.1029 355.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480428

#044824

Analogous

#460448

#480406

#480428

Triadic

#480428

#284804

#042848

Split Complementary

#480428

#064804

#044846

Tetradic

#480428

#484604

#044824

#040648

Color Blindness Simulation

Original

#480428

Protanopia

#2B2A1F

Deuteranopia

#2E341D

Tritanopia

#451817

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDD
300
#F98BC5
400
#F54CA6
500
#F20D86
600
#C10B6B
700
#9B0956
800
#790743
900
#570933
950
#370620

Contrast Checker

Text on white

15.87:1

AA Pass AAA Pass

Text on black

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