#450589

#450589

Color Values

HEX

#450589

RGB

69, 5, 137

HSL

269.1, 93.0%, 27.8%

HSV

269.1, 96.4%, 53.7%

CMYK

49.6%, 96.4%, 0.0%, 46.3%

OKLCH

0.3412 0.1822 295.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#450589

#498905

Analogous

#050789

#870589

#450589

Triadic

#450589

#894505

#058945

Split Complementary

#450589

#898705

#078905

Tetradic

#450589

#890507

#498905

#058987

Color Blindness Simulation

Original

#450589

Protanopia

#292969

Deuteranopia

#2D3261

Tritanopia

#42504A

Achromatopsia

#1C1C1C

CSS Usage

background-color: #450589;
color: #450589;
border-color: #450589;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABAFD
300
#C089FB
400
#9E49F8
500
#7C09F6
600
#6307C5
700
#4F069D
800
#3E047B
900
#2F0859
950
#1E0538

Contrast Checker

Text on white

12.84:1

AA Pass AAA Pass

Text on black

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