#450024

#450024

Color Values

HEX

#450024

RGB

69, 0, 36

HSL

328.7, 100.0%, 13.5%

HSV

328.7, 100.0%, 27.1%

CMYK

0.0%, 100.0%, 47.8%, 72.9%

OKLCH

0.2544 0.1041 356.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#450024

#004521

Analogous

#430045

#450001

#450024

Triadic

#450024

#244500

#002445

Split Complementary

#450024

#014500

#004543

Tetradic

#450024

#454300

#004521

#000145

Color Blindness Simulation

Original

#450024

Protanopia

#27271B

Deuteranopia

#2B3019

Tritanopia

#421413

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DD
300
#FF85C4
400
#FF42A5
500
#FF0085
600
#CC006A
700
#A30055
800
#800043
900
#5C0532
950
#3A0320

Contrast Checker

Text on white

16.43:1

AA Pass AAA Pass

Text on black

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