#968AEE

#968AEE

Color Values

HEX

#968AEE

RGB

150, 138, 238

HSL

247.2, 74.6%, 73.7%

HSV

247.2, 42.0%, 93.3%

CMYK

37.0%, 42.0%, 0.0%, 6.7%

OKLCH

0.6864 0.1444 287.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#968AEE

#E2EE8A

Analogous

#8AB0EE

#C88AEE

#968AEE

Triadic

#968AEE

#EE968A

#8AEE96

Split Complementary

#968AEE

#EEC88A

#B0EE8A

Tetradic

#968AEE

#EE8AB0

#E2EE8A

#8AEEC8

Color Blindness Simulation

Original

#968AEE

Protanopia

#9191D6

Deuteranopia

#9292D0

Tritanopia

#95C3BE

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E5E2F8
200
#C7C1F6
300
#9F94EF
400
#6B5AE7
500
#3720DF
600
#2C1AB2
700
#23158E
800
#1C106F
900
#181051
950
#0F0A33

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

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