#562879

#562879

Color Values

HEX

#562879

RGB

86, 40, 121

HSL

274.1, 50.3%, 31.6%

HSV

274.1, 66.9%, 47.5%

CMYK

28.9%, 66.9%, 0.0%, 52.5%

OKLCH

0.3814 0.1347 307.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#562879

#4B7928

Analogous

#2E2879

#792874

#562879

Triadic

#562879

#795628

#287956

Split Complementary

#562879

#747928

#28792E

Tetradic

#562879

#792E28

#4B7928

#287479

Color Blindness Simulation

Original

#562879

Protanopia

#424265

Deuteranopia

#454861

Tritanopia

#545653

Achromatopsia

#383838

CSS Usage

background-color: #562879;
color: #562879;
border-color: #562879;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DEC9ED
300
#C6A3E1
400
#A771D0
500
#883FC0
600
#6D3399
700
#57297B
800
#442060
900
#331B46
950
#20112C

Contrast Checker

Text on white

10.63:1

AA Pass AAA Pass

Text on black

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