#563390

#563390

Color Values

HEX

#563390

RGB

86, 51, 144

HSL

262.6, 47.7%, 38.2%

HSV

262.6, 64.6%, 56.5%

CMYK

40.3%, 64.6%, 0.0%, 43.5%

OKLCH

0.415 0.1467 296.8

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#563390

#6D9033

Analogous

#333E90

#843390

#563390

Triadic

#563390

#905633

#339056

Split Complementary

#563390

#908433

#3E9033

Tetradic

#563390

#90333E

#6D9033

#339084

Color Blindness Simulation

Original

#563390

Protanopia

#47477A

Deuteranopia

#494C74

Tritanopia

#546864

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CAEC
300
#BBA5DF
400
#9674CE
500
#7043BC
600
#5A3597
700
#482B79
800
#38215E
900
#2B1C45
950
#1B112C

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026