#9542F1

#9542F1

Color Values

HEX

#9542F1

RGB

149, 66, 241

HSL

268.5, 86.2%, 60.2%

HSV

268.5, 72.6%, 94.5%

CMYK

38.2%, 72.6%, 0.0%, 5.5%

OKLCH

0.5797 0.245 300.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#9542F1

#9EF142

Analogous

#4246F1

#ED42F1

#9542F1

Triadic

#9542F1

#F19542

#42F195

Split Complementary

#9542F1

#F1ED42

#46F142

Tetradic

#9542F1

#F14246

#9EF142

#42F1ED

Color Blindness Simulation

Original

#9542F1

Protanopia

#7170C7

Deuteranopia

#767CBC

Tritanopia

#91A59E

Achromatopsia

#606060

CSS Usage

background-color: #9542F1;
color: #9542F1;
border-color: #9542F1;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#DABDFA
300
#BF8DF7
400
#9D4FF2
500
#7A12ED
600
#620EBE
700
#4E0B98
800
#3D0977
900
#2F0B56
950
#1D0736

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026