#965FE3

#965FE3

Color Values

HEX

#965FE3

RGB

150, 95, 227

HSL

265.0, 70.2%, 63.1%

HSV

265.0, 58.1%, 89.0%

CMYK

33.9%, 58.1%, 0.0%, 11.0%

OKLCH

0.6077 0.1936 299.9

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#965FE3

#ACE35F

Analogous

#5F6AE3

#D85FE3

#965FE3

Triadic

#965FE3

#E3965F

#5FE396

Split Complementary

#965FE3

#E3D85F

#6AE35F

Tetradic

#965FE3

#E35F6A

#ACE35F

#5FE3D8

Color Blindness Simulation

Original

#965FE3

Protanopia

#7E7EC3

Deuteranopia

#8186BB

Tritanopia

#93AAA4

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EBE2F8
200
#D7C2F4
300
#BB97ED
400
#965EE3
500
#7126D9
600
#5A1EAE
700
#48188B
800
#38136D
900
#2B124F
950
#1B0B32

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026