#968AE7

#968AE7

Color Values

HEX

#968AE7

RGB

150, 138, 231

HSL

247.7, 66.0%, 72.4%

HSV

247.7, 40.3%, 90.6%

CMYK

35.1%, 40.3%, 0.0%, 9.4%

OKLCH

0.6827 0.1348 288.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#968AE7

#DBE78A

Analogous

#8AADE7

#C58AE7

#968AE7

Triadic

#968AE7

#E7968A

#8AE796

Split Complementary

#968AE7

#E7C58A

#ADE78A

Tetradic

#968AE7

#E78AAD

#DBE78A

#8AE7C5

Color Blindness Simulation

Original

#968AE7

Protanopia

#9191D1

Deuteranopia

#9292CB

Tritanopia

#95BFBB

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC4F3
300
#A499EA
400
#7262DF
500
#412BD4
600
#3423A9
700
#2A1C87
800
#20166A
900
#1B144D
950
#110C31

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

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