#480628

#480628

Color Values

HEX

#480628

RGB

72, 6, 40

HSL

329.1, 84.6%, 15.3%

HSV

329.1, 91.7%, 28.2%

CMYK

0.0%, 91.7%, 44.4%, 71.8%

OKLCH

0.2685 0.1005 355.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480628

#064826

Analogous

#470648

#480607

#480628

Triadic

#480628

#284806

#062848

Split Complementary

#480628

#074806

#064847

Tetradic

#480628

#484706

#064826

#060748

Color Blindness Simulation

Original

#480628

Protanopia

#2B2B20

Deuteranopia

#2F341E

Tritanopia

#451918

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDC
300
#F68EC3
400
#F051A3
500
#EB1483
600
#BC1069
700
#970D54
800
#760A41
900
#550C32
950
#36071F

Contrast Checker

Text on white

15.76:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026