#480226

#480226

Color Values

HEX

#480226

RGB

72, 2, 38

HSL

329.1, 94.6%, 14.5%

HSV

329.1, 97.2%, 28.2%

CMYK

0.0%, 97.2%, 47.2%, 71.8%

OKLCH

0.2638 0.1046 356.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480226

#024824

Analogous

#470248

#480203

#480226

Triadic

#480226

#264802

#022648

Split Complementary

#480226

#034802

#024847

Tetradic

#480226

#484702

#024824

#020348

Color Blindness Simulation

Original

#480226

Protanopia

#2A291D

Deuteranopia

#2E331B

Tritanopia

#441615

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FDBADC
300
#FC88C4
400
#FA47A3
500
#F80783
600
#C60669
700
#9F0454
800
#7C0342
900
#5A0732
950
#39051F

Contrast Checker

Text on white

16.0:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026