#9174CE

#9174CE

Color Values

HEX

#9174CE

RGB

145, 116, 206

HSL

259.3, 47.9%, 63.1%

HSV

259.3, 43.7%, 80.8%

CMYK

29.6%, 43.7%, 0.0%, 19.2%

OKLCH

0.6247 0.1344 297.2

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9174CE

#B1CE74

Analogous

#7484CE

#BE74CE

#9174CE

Triadic

#9174CE

#CE9174

#74CE91

Split Complementary

#9174CE

#CEBE74

#84CE74

Tetradic

#9174CE

#CE7484

#B1CE74

#74CEBE

Color Blindness Simulation

Original

#9174CE

Protanopia

#8484B8

Deuteranopia

#8688B3

Tritanopia

#90A7A3

Achromatopsia

#818181

CSS Usage

background-color: #9174CE;
color: #9174CE;
border-color: #9174CE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D5CAEC
300
#B7A4DF
400
#9173CE
500
#6A42BD
600
#553597
700
#442B79
800
#35215E
900
#291C45
950
#1A112C

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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