#7571F0

#7571F0

Color Values

HEX

#7571F0

RGB

117, 113, 240

HSL

241.9, 80.9%, 69.2%

HSV

241.9, 52.9%, 94.1%

CMYK

51.3%, 52.9%, 0.0%, 5.9%

OKLCH

0.6167 0.1854 280.9

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7571F0

#ECF071

Analogous

#71ACF0

#B471F0

#7571F0

Triadic

#7571F0

#F07571

#71F075

Split Complementary

#7571F0

#F0B471

#ACF071

Tetradic

#7571F0

#F071AC

#ECF071

#71F0B4

Color Blindness Simulation

Original

#7571F0

Protanopia

#7373D1

Deuteranopia

#7474CA

Tritanopia

#75B9B4

Achromatopsia

#7B7B7B

CSS Usage

background-color: #7571F0;
color: #7571F0;
border-color: #7571F0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C0BEF8
300
#9390F3
400
#5954ED
500
#1F18E7
600
#1913B9
700
#141094
800
#0F0C73
900
#0F0D54
950
#0A0835

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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