#5918AF

#5918AF

Color Values

HEX

#5918AF

RGB

89, 24, 175

HSL

265.8, 75.9%, 39.0%

HSV

265.8, 86.3%, 68.6%

CMYK

49.1%, 86.3%, 0.0%, 31.4%

OKLCH

0.4156 0.2101 294.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5918AF

#6EAF18

Analogous

#1823AF

#A418AF

#5918AF

Triadic

#5918AF

#AF5918

#18AF59

Split Complementary

#5918AF

#AFA418

#23AF18

Tetradic

#5918AF

#AF1823

#6EAF18

#18AFA4

Color Blindness Simulation

Original

#5918AF

Protanopia

#3D3C8B

Deuteranopia

#414682

Tritanopia

#566E67

Achromatopsia

#313131

CSS Usage

background-color: #5918AF;
color: #5918AF;
border-color: #5918AF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F6
300
#BB93F0
400
#9759E8
500
#721FE0
600
#5B19B3
700
#491490
800
#390F70
900
#2C0F52
950
#1C0A34

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026