#58098C

#58098C

Color Values

HEX

#58098C

RGB

88, 9, 140

HSL

276.2, 87.9%, 29.2%

HSV

276.2, 93.6%, 54.9%

CMYK

37.1%, 93.6%, 0.0%, 45.1%

OKLCH

0.3716 0.1857 304.8

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#58098C

#3D8C09

Analogous

#17098C

#8C097E

#58098C

Triadic

#58098C

#8C5809

#098C58

Split Complementary

#58098C

#7E8C09

#098C17

Tetradic

#58098C

#8C1709

#3D8C09

#097E8C

Color Blindness Simulation

Original

#58098C

Protanopia

#36356C

Deuteranopia

#3A4065

Tritanopia

#54534E

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BCFB
300
#CD8CF8
400
#B24EF4
500
#970FF0
600
#790CC0
700
#600A99
800
#4B0878
900
#380A57
950
#240637

Contrast Checker

Text on white

11.46:1

AA Pass AAA Pass

Text on black

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