#968AEA

#968AEA

Color Values

HEX

#968AEA

RGB

150, 138, 234

HSL

247.5, 69.6%, 72.9%

HSV

247.5, 41.0%, 91.8%

CMYK

35.9%, 41.0%, 0.0%, 8.2%

OKLCH

0.6843 0.139 287.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#968AEA

#DEEA8A

Analogous

#8AAEEA

#C68AEA

#968AEA

Triadic

#968AEA

#EA968A

#8AEA96

Split Complementary

#968AEA

#EAC68A

#AEEA8A

Tetradic

#968AEA

#EA8AAE

#DEEA8A

#8AEAC6

Color Blindness Simulation

Original

#968AEA

Protanopia

#9191D3

Deuteranopia

#9292CD

Tritanopia

#95C0BC

Achromatopsia

#939393

CSS Usage

background-color: #968AEA;
color: #968AEA;
border-color: #968AEA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C9C2F4
300
#A297EC
400
#6F5FE2
500
#3D27D8
600
#311FAD
700
#27198A
800
#1E136C
900
#1A124F
950
#100B32

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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