#450046

#450046

Color Values

HEX

#450046

RGB

69, 0, 70

HSL

299.1, 100.0%, 13.7%

HSV

299.1, 100.0%, 27.5%

CMYK

1.4%, 100.0%, 0.0%, 72.5%

OKLCH

0.2747 0.1267 327.7

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#450046

#014600

Analogous

#220046

#460024

#450046

Triadic

#450046

#464500

#004645

Split Complementary

#450046

#244600

#004622

Tetradic

#450046

#462200

#014600

#002446

Color Blindness Simulation

Original

#450046

Protanopia

#272735

Deuteranopia

#2B3031

Tritanopia

#422825

Achromatopsia

#141414

CSS Usage

background-color: #450046;
color: #450046;
border-color: #450046;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FF
300
#FD85FF
400
#FC42FF
500
#FB00FF
600
#C900CC
700
#A100A3
800
#7E0080
900
#5B055C
950
#39033A

Contrast Checker

Text on white

15.65:1

AA Pass AAA Pass

Text on black

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