#5813AC

#5813AC

Color Values

HEX

#5813AC

RGB

88, 19, 172

HSL

267.1, 80.1%, 37.5%

HSV

267.1, 89.0%, 67.5%

CMYK

48.8%, 89.0%, 0.0%, 32.5%

OKLCH

0.4081 0.2102 294.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5813AC

#67AC13

Analogous

#131AAC

#A513AC

#5813AC

Triadic

#5813AC

#AC5813

#13AC58

Split Complementary

#5813AC

#ACA513

#1AAC13

Tetradic

#5813AC

#AC131A

#67AC13

#13ACA5

Color Blindness Simulation

Original

#5813AC

Protanopia

#3A3A87

Deuteranopia

#3E437E

Tritanopia

#556A63

Achromatopsia

#2D2D2D

CSS Usage

background-color: #5813AC;
color: #5813AC;
border-color: #5813AC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D9BFF8
300
#BD91F3
400
#9955EC
500
#7619E6
600
#5E14B8
700
#4B1093
800
#3B0D73
900
#2D0E53
950
#1C0935

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

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