#945AC1

#945AC1

Color Values

HEX

#945AC1

RGB

148, 90, 193

HSL

273.8, 45.4%, 55.5%

HSV

273.8, 53.4%, 75.7%

CMYK

23.3%, 53.4%, 0.0%, 24.3%

OKLCH

0.5769 0.1607 308.2

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#945AC1

#87C15A

Analogous

#615AC1

#C15ABB

#945AC1

Triadic

#945AC1

#C1945A

#5AC194

Split Complementary

#945AC1

#BBC15A

#5AC161

Tetradic

#945AC1

#C1615A

#87C15A

#5ABBC1

Color Blindness Simulation

Original

#945AC1

Protanopia

#7B7AA8

Deuteranopia

#7E83A2

Tritanopia

#919490

Achromatopsia

#6E6E6E

CSS Usage

background-color: #945AC1;
color: #945AC1;
border-color: #945AC1;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A6DE
400
#A676CB
500
#8746B9
600
#6C3894
700
#562D77
800
#43235D
900
#331D44
950
#20122B

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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