#581463

#581463

Color Values

HEX

#581463

RGB

88, 20, 99

HSL

291.6, 66.4%, 23.3%

HSV

291.6, 79.8%, 38.8%

CMYK

11.1%, 79.8%, 0.0%, 61.2%

OKLCH

0.3447 0.1396 321.6

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#581463

#1F6314

Analogous

#301463

#631446

#581463

Triadic

#581463

#635814

#146358

Split Complementary

#581463

#466314

#146330

Tetradic

#581463

#633014

#1F6314

#144663

Color Blindness Simulation

Original

#581463

Protanopia

#3B3A50

Deuteranopia

#3E444B

Tritanopia

#55413D

Achromatopsia

#282828

CSS Usage

background-color: #581463;
color: #581463;
border-color: #581463;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF3FC
100
#F4E3F7
200
#ECC4F3
300
#DF99EA
400
#CE62DF
500
#BC2BD4
600
#9722AA
700
#791B88
800
#5E156A
900
#45134D
950
#2C0C31

Contrast Checker

Text on white

12.39:1

AA Pass AAA Pass

Text on black

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