#450220

#450220

Color Values

HEX

#450220

RGB

69, 2, 32

HSL

333.1, 94.4%, 13.9%

HSV

333.1, 97.1%, 27.1%

CMYK

0.0%, 97.1%, 53.6%, 72.9%

OKLCH

0.2549 0.0997 0.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#450220

#024527

Analogous

#450241

#450502

#450220

Triadic

#450220

#204502

#022045

Split Complementary

#450220

#024505

#024145

Tetradic

#450220

#414502

#024527

#050245

Color Blindness Simulation

Original

#450220

Protanopia

#282719

Deuteranopia

#2C3117

Tritanopia

#421312

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD8
300
#FC88BC
400
#FA4897
500
#F80773
600
#C6065C
700
#9F054A
800
#7C043A
900
#5A072C
950
#39051C

Contrast Checker

Text on white

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