#942CDF

#942CDF

Color Values

HEX

#942CDF

RGB

148, 44, 223

HSL

274,9, 73,7%, 52,4%

HSV

274,9, 80,3%, 87,5%

CMYK

33,6%, 80,3%, 0,0%, 12,5%

OKLCH

0,5442 0,2486 305,5

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#942CDF

#77DF2C

Analogous

#3B2CDF

#DF2CD0

#942CDF

Triadic

#942CDF

#DF942C

#2CDF94

Split Complementary

#942CDF

#D0DF2C

#2CDF3B

Tetradic

#942CDF

#DF3B2C

#77DF2C

#2CD0DF

Color Blindness Simulation

Original

#942CDF

Protanopia

#6766B4

Deuteranopia

#6D75A9

Tritanopia

#8F918A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #942CDF;
color: #942CDF;
border-color: #942CDF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E0C1F6
300
#C995EF
400
#AC5BE6
500
#8F22DD
600
#721BB1
700
#5B158E
800
#47116F
900
#361051
950
#220A33

Contrast Checker

Text on white

5,7:1

AA Pass AAA Fail

Text on black

3,68: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