#480722

#480722

Color Values

HEX

#480722

RGB

72, 7, 34

HSL

335.1, 82.3%, 15.5%

HSV

335.1, 90.3%, 28.2%

CMYK

0.0%, 90.3%, 52.8%, 71.8%

OKLCH

0.267 0.0968 2.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480722

#07482D

Analogous

#480743

#480D07

#480722

Triadic

#480722

#224807

#072248

Split Complementary

#480722

#07480D

#074348

Tetradic

#480722

#434807

#07482D

#0D0748

Color Blindness Simulation

Original

#480722

Protanopia

#2C2B1B

Deuteranopia

#30341A

Tritanopia

#451615

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F48FB9
400
#EE5393
500
#E8176E
600
#BA1258
700
#950E46
800
#740B37
900
#540D2A
950
#35081B

Contrast Checker

Text on white

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

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