#964FE7

#964FE7

Color Values

HEX

#964FE7

RGB

150, 79, 231

HSL

268.0, 76.0%, 60.8%

HSV

268.0, 65.8%, 90.6%

CMYK

35.1%, 65.8%, 0.0%, 9.4%

OKLCH

0.5884 0.2196 301.3

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#964FE7

#A0E74F

Analogous

#4F54E7

#E24FE7

#964FE7

Triadic

#964FE7

#E7964F

#4FE796

Split Complementary

#964FE7

#E7E24F

#54E74F

Tetradic

#964FE7

#E74F54

#A0E74F

#4FE7E2

Color Blindness Simulation

Original

#964FE7

Protanopia

#7777C2

Deuteranopia

#7B81B9

Tritanopia

#92A59F

Achromatopsia

#696969

CSS Usage

background-color: #964FE7;
color: #964FE7;
border-color: #964FE7;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D9C0F6
300
#BF93F0
400
#9C59E8
500
#791FE0
600
#6118B4
700
#4D1490
800
#3D0F70
900
#2E0F52
950
#1D0A34

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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