#562580

#562580

Color Values

HEX

#562580

RGB

86, 37, 128

HSL

272.3, 55.2%, 32.4%

HSV

272.3, 71.1%, 50.2%

CMYK

32.8%, 71.1%, 0.0%, 49.8%

OKLCH

0.3827 0.1471 305.0

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#562580

#4F8025

Analogous

#292580

#80257D

#562580

Triadic

#562580

#805625

#258056

Split Complementary

#562580

#7D8025

#258029

Tetradic

#562580

#802925

#4F8025

#257D80

Color Blindness Simulation

Original

#562580

Protanopia

#41406A

Deuteranopia

#444765

Tritanopia

#545955

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC8EF
300
#C4A0E4
400
#A56DD5
500
#8539C6
600
#6A2E9E
700
#55257F
800
#421D63
900
#321849
950
#200F2E

Contrast Checker

Text on white

10.65:1

AA Pass AAA Pass

Text on black

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