#562183

#562183

Color Values

HEX

#562183

RGB

86, 33, 131

HSL

272.4, 59.8%, 32.2%

HSV

272.4, 74.8%, 51.4%

CMYK

34.4%, 74.8%, 0.0%, 48.6%

OKLCH

0.3802 0.1556 304.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#562183

#4E8321

Analogous

#252183

#83217F

#562183

Triadic

#562183

#835621

#218356

Split Complementary

#562183

#7F8321

#218325

Tetradic

#562183

#832521

#4E8321

#217F83

Color Blindness Simulation

Original

#562183

Protanopia

#3F3F6B

Deuteranopia

#424666

Tritanopia

#535954

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DDC6F1
300
#C59DE6
400
#A568D9
500
#8633CC
600
#6B29A3
700
#562182
800
#431A66
900
#33164B
950
#200E2F

Contrast Checker

Text on white

10.82:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026