#7560AD

#7560AD

Color Values

HEX

#7560AD

RGB

117, 96, 173

HSL

256.4, 32.0%, 52.7%

HSV

256.4, 44.5%, 67.8%

CMYK

32.4%, 44.5%, 0.0%, 32.2%

OKLCH

0.5437 0.1184 294.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#7560AD

#98AD60

Analogous

#6071AD

#9B60AD

#7560AD

Triadic

#7560AD

#AD7560

#60AD75

Split Complementary

#7560AD

#AD9B60

#71AD60

Tetradic

#7560AD

#AD6071

#98AD60

#60AD9B

Color Blindness Simulation

Original

#7560AD

Protanopia

#6C6C9A

Deuteranopia

#6D6F96

Tritanopia

#748C88

Achromatopsia

#6A6A6A

CSS Usage

background-color: #7560AD;
color: #7560AD;
border-color: #7560AD;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E7
300
#B9AED5
400
#9382BF
500
#6D57A8
600
#574587
700
#46376C
800
#372B54
900
#2A223E
950
#1B1627

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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