#562282

#562282

Color Values

HEX

#562282

RGB

86, 34, 130

HSL

272.5, 58.5%, 32.2%

HSV

272.5, 73.8%, 51.0%

CMYK

33.8%, 73.8%, 0.0%, 49.0%

OKLCH

0.3805 0.1533 304.8

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#562282

#4E8222

Analogous

#262282

#82227E

#562282

Triadic

#562282

#825622

#228256

Split Complementary

#562282

#7E8222

#228226

Tetradic

#562282

#822622

#4E8222

#227E82

Color Blindness Simulation

Original

#562282

Protanopia

#3F3F6B

Deuteranopia

#424665

Tritanopia

#535854

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DDC6F0
300
#C59EE6
400
#A569D8
500
#8635CA
600
#6B2AA2
700
#562281
800
#431A65
900
#33174A
950
#200E2F

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

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