#451022

#451022

Color Values

HEX

#451022

RGB

69, 16, 34

HSL

339.6, 62.4%, 16.7%

HSV

339.6, 76.8%, 27.1%

CMYK

0.0%, 76.8%, 50.7%, 72.9%

OKLCH

0.2704 0.0824 3.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#451022

#104533

Analogous

#45103D

#451910

#451022

Triadic

#451022

#224510

#102245

Split Complementary

#451022

#104519

#103D45

Tetradic

#451022

#3D4510

#104533

#191045

Color Blindness Simulation

Original

#451022

Protanopia

#2E2E1E

Deuteranopia

#31351D

Tritanopia

#421A19

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FBF3F6
100
#F7E4EA
200
#F2C5D4
300
#E89CB6
400
#DC668E
500
#CF3066
600
#A62652
700
#851F41
800
#681833
900
#4C1528
950
#300D19

Contrast Checker

Text on white

15.55:1

AA Pass AAA Pass

Text on black

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