#7570BC

#7570BC

Color Values

HEX

#7570BC

RGB

117, 112, 188

HSL

243.9, 36.2%, 58.8%

HSV

243.9, 40.4%, 73.7%

CMYK

37.8%, 40.4%, 0.0%, 26.3%

OKLCH

0.5829 0.1148 285.3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7570BC

#B7BC70

Analogous

#7091BC

#9B70BC

#7570BC

Triadic

#7570BC

#BC7570

#70BC75

Split Complementary

#7570BC

#BC9B70

#91BC70

Tetradic

#7570BC

#BC7091

#B7BC70

#70BC9B

Color Blindness Simulation

Original

#7570BC

Protanopia

#7373AA

Deuteranopia

#7374A5

Tritanopia

#759B98

Achromatopsia

#777777

CSS Usage

background-color: #7570BC;
color: #7570BC;
border-color: #7570BC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CEE8
300
#AFACD8
400
#837EC3
500
#5751AE
600
#46418B
700
#38346F
800
#2C2957
900
#232140
950
#161529

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

AA Pass 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