#946EC3

#946EC3

Color Values

HEX

#946EC3

RGB

148, 110, 195

HSL

266.8, 41.5%, 59.8%

HSV

266.8, 43.6%, 76.5%

CMYK

24.1%, 43.6%, 0.0%, 23.5%

OKLCH

0.6111 0.1303 303.4

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#946EC3

#9DC36E

Analogous

#6E72C3

#BE6EC3

#946EC3

Triadic

#946EC3

#C3946E

#6EC394

Split Complementary

#946EC3

#C3BE6E

#72C36E

Tetradic

#946EC3

#C36E72

#9DC36E

#6EC3BE

Color Blindness Simulation

Original

#946EC3

Protanopia

#8483AE

Deuteranopia

#8689AA

Tritanopia

#929E9B

Achromatopsia

#7C7C7C

CSS Usage

background-color: #946EC3;
color: #946EC3;
border-color: #946EC3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#DACCEA
300
#BFA8DB
400
#9C79C8
500
#7A4BB4
600
#613C90
700
#4E3073
800
#3D255A
900
#2F1E43
950
#1D132A

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass 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