#4522AA

#4522AA

Color Values

HEX

#4522AA

RGB

69, 34, 170

HSL

255.4, 66.7%, 40.0%

HSV

255.4, 80.0%, 66.7%

CMYK

59.4%, 80.0%, 0.0%, 33.3%

OKLCH

0.3986 0.1975 284.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#4522AA

#87AA22

Analogous

#2243AA

#8922AA

#4522AA

Triadic

#4522AA

#AA4522

#22AA45

Split Complementary

#4522AA

#AA8922

#43AA22

Tetradic

#4522AA

#AA2243

#87AA22

#22AA89

Color Blindness Simulation

Original

#4522AA

Protanopia

#363689

Deuteranopia

#383A81

Tritanopia

#436F69

Achromatopsia

#333333

CSS Usage

background-color: #4522AA;
color: #4522AA;
border-color: #4522AA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C3F3
300
#AE99EB
400
#8262E0
500
#562AD5
600
#4522AA
700
#371B88
800
#2B156A
900
#22134E
950
#160C31

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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