#8560A3

#8560A3

Color Values

HEX

#8560A3

RGB

133, 96, 163

HSL

273.1, 26.7%, 50.8%

HSV

273.1, 41.1%, 63.9%

CMYK

18.4%, 41.1%, 0.0%, 36.1%

OKLCH

0.5542 0.1085 308.6

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#8560A3

#7EA360

Analogous

#6460A3

#A360A0

#8560A3

Triadic

#8560A3

#A38560

#60A385

Split Complementary

#8560A3

#A0A360

#60A364

Tetradic

#8560A3

#A36460

#7EA360

#60A0A3

Color Blindness Simulation

Original

#8560A3

Protanopia

#757593

Deuteranopia

#777A8F

Tritanopia

#838683

Achromatopsia

#6D6D6D

CSS Usage

background-color: #8560A3;
color: #8560A3;
border-color: #8560A3;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DCD2E5
300
#C3B1D2
400
#A387BA
500
#835DA2
600
#694B81
700
#543C67
800
#422F51
900
#32253C
950
#1F1726

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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