#581086

#581086

Color Values

HEX

#581086

RGB

88, 16, 134

HSL

276.6, 78.7%, 29.4%

HSV

276.6, 88.1%, 52.5%

CMYK

34.3%, 88.1%, 0.0%, 47.5%

OKLCH

0.37 0.1759 306.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#581086

#3E8610

Analogous

#1D1086

#861079

#581086

Triadic

#581086

#865810

#108658

Split Complementary

#581086

#798610

#10861D

Tetradic

#581086

#861D10

#3E8610

#107986

Color Blindness Simulation

Original

#581086

Protanopia

#393869

Deuteranopia

#3D4263

Tritanopia

#54534E

Achromatopsia

#282828

CSS Usage

background-color: #581086;
color: #581086;
border-color: #581086;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CC92F2
400
#B156EB
500
#961BE4
600
#7816B6
700
#601192
800
#4B0E72
900
#380E53
950
#230934

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

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