#7717BA

#7717BA

Color Values

HEX

#7717BA

RGB

119, 23, 186

HSL

275.3, 78.0%, 41.0%

HSV

275.3, 87.6%, 72.9%

CMYK

36.0%, 87.6%, 0.0%, 27.1%

OKLCH

0.4622 0.2251 304.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7717BA

#5ABA17

Analogous

#2517BA

#BA17AC

#7717BA

Triadic

#7717BA

#BA7717

#17BA77

Split Complementary

#7717BA

#ACBA17

#17BA25

Tetradic

#7717BA

#BA2517

#5ABA17

#17ACBA

Color Blindness Simulation

Original

#7717BA

Protanopia

#4D4D93

Deuteranopia

#535A89

Tritanopia

#72736D

Achromatopsia

#373737

CSS Usage

background-color: #7717BA;
color: #7717BA;
border-color: #7717BA;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0BFF7
300
#CA92F2
400
#AE57EA
500
#911CE3
600
#7416B6
700
#5D1291
800
#490E71
900
#360E52
950
#220934

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

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