#968ED9

#968ED9

Color Values

HEX

#968ED9

RGB

150, 142, 217

HSL

246.4, 49.7%, 70.4%

HSV

246.4, 34.6%, 85.1%

CMYK

30.9%, 34.6%, 0.0%, 14.9%

OKLCH

0.6833 0.1093 288.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#968ED9

#D1D98E

Analogous

#8EACD9

#BC8ED9

#968ED9

Triadic

#968ED9

#D9968E

#8ED996

Split Complementary

#968ED9

#D9BC8E

#ACD98E

Tetradic

#968ED9

#D98EAC

#D1D98E

#8ED9BC

Color Blindness Simulation

Original

#968ED9

Protanopia

#9392C7

Deuteranopia

#9394C2

Tritanopia

#96B9B5

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CDCAED
300
#AAA3E0
400
#7C72D0
500
#4E40BF
600
#3E3399
700
#32297A
800
#27205F
900
#1F1B46
950
#14112C

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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