#5A4ACF

#5A4ACF

Color Values

HEX

#5A4ACF

RGB

90, 74, 207

HSL

247.2, 58.1%, 55.1%

HSV

247.2, 64.3%, 81.2%

CMYK

56.5%, 64.3%, 0.0%, 18.8%

OKLCH

0.5055 0.1964 282.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5A4ACF

#BFCF4A

Analogous

#4A7DCF

#9C4ACF

#5A4ACF

Triadic

#5A4ACF

#CF5A4A

#4ACF5A

Split Complementary

#5A4ACF

#CF9C4A

#7DCF4A

Tetradic

#5A4ACF

#CF4A7D

#BFCF4A

#4ACF9C

Color Blindness Simulation

Original

#5A4ACF

Protanopia

#5353AF

Deuteranopia

#5455A7

Tritanopia

#599590

Achromatopsia

#575757

CSS Usage

background-color: #5A4ACF;
color: #5A4ACF;
border-color: #5A4ACF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CCC7F0
300
#A79EE5
400
#776AD7
500
#4735CA
600
#392BA1
700
#2E2281
800
#241B65
900
#1D174A
950
#120F2F

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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