#945CCC

#945CCC

Color Values

HEX

#945CCC

RGB

148, 92, 204

HSL

270.0, 52.3%, 58.0%

HSV

270.0, 54.9%, 80.0%

CMYK

27.5%, 54.9%, 0.0%, 20.0%

OKLCH

0.5866 0.1705 304.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#945CCC

#94CC5C

Analogous

#5C5CCC

#CC5CCC

#945CCC

Triadic

#945CCC

#CC945C

#5CCC94

Split Complementary

#945CCC

#CCCC5C

#5CCC5C

Tetradic

#945CCC

#CC5C5C

#94CC5C

#5CCCCC

Color Blindness Simulation

Original

#945CCC

Protanopia

#7C7BB1

Deuteranopia

#7F83AA

Tritanopia

#919B97

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC9EE
300
#C2A2E2
400
#A16FD2
500
#803DC2
600
#66319B
700
#52277C
800
#401E61
900
#301A47
950
#1F102D

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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