#9155C2

#9155C2

Color Values

HEX

#9155C2

RGB

145, 85, 194

HSL

273.0, 47.2%, 54.7%

HSV

273.0, 56.2%, 76.1%

CMYK

25.3%, 56.2%, 0.0%, 23.9%

OKLCH

0.5666 0.1687 307.3

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#9155C2

#86C255

Analogous

#5A55C2

#C255BD

#9155C2

Triadic

#9155C2

#C29155

#55C291

Split Complementary

#9155C2

#BDC255

#55C25A

Tetradic

#9155C2

#C25A55

#86C255

#55BDC2

Color Blindness Simulation

Original

#9155C2

Protanopia

#7776A8

Deuteranopia

#7A7FA1

Tritanopia

#8E938E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #9155C2;
color: #9155C2;
border-color: #9155C2;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCAEC
300
#C5A5DF
400
#A574CD
500
#8643BC
600
#6B3696
700
#552B78
800
#43225E
900
#331C45
950
#20122C

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026