#968BC5

#968BC5

Color Values

HEX

#968BC5

RGB

150, 139, 197

HSL

251.4, 33.3%, 65.9%

HSV

251.4, 29.4%, 77.3%

CMYK

23.9%, 29.4%, 0.0%, 22.7%

OKLCH

0.6681 0.0855 292.6

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#968BC5

#BAC58B

Analogous

#8B9DC5

#B38BC5

#968BC5

Triadic

#968BC5

#C5968B

#8BC596

Split Complementary

#968BC5

#C5B38B

#9DC58B

Tetradic

#968BC5

#C58B9D

#BAC58B

#8BC5B3

Color Blindness Simulation

Original

#968BC5

Protanopia

#9191B7

Deuteranopia

#9293B4

Tritanopia

#95ACA9

Achromatopsia

#929292

CSS Usage

background-color: #968BC5;
color: #968BC5;
border-color: #968BC5;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D4CFE7
300
#B5ADD6
400
#8D81C0
500
#6555AA
600
#514488
700
#41366D
800
#332B55
900
#27223F
950
#191528

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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