#965CFE

#965CFE

Color Values

HEX

#965CFE

RGB

150, 92, 254

HSL

261.5, 98.8%, 67.8%

HSV

261.5, 63.8%, 99.6%

CMYK

40.9%, 63.8%, 0.0%, 0.4%

OKLCH

0.622 0.2287 295.4

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#965CFE

#C4FE5C

Analogous

#5C73FE

#E75CFE

#965CFE

Triadic

#965CFE

#FE965C

#5CFE96

Split Complementary

#965CFE

#FEE75C

#73FE5C

Tetradic

#965CFE

#FE5C73

#C4FE5C

#5CFEE7

Color Blindness Simulation

Original

#965CFE

Protanopia

#7D7CD7

Deuteranopia

#8085CD

Tritanopia

#93B8B1

Achromatopsia

#747474

CSS Usage

background-color: #965CFE;
color: #965CFE;
border-color: #965CFE;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#E9DEFC
200
#D1B8FF
300
#B185FE
400
#8643FE
500
#5C02FD
600
#4901CB
700
#3B01A2
800
#2E017F
900
#24055C
950
#17033A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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