#968EE9

#968EE9

Color Values

HEX

#968EE9

RGB

150, 142, 233

HSL

245.3, 67.4%, 73.5%

HSV

245.3, 39.1%, 91.4%

CMYK

35.6%, 39.1%, 0.0%, 8.6%

OKLCH

0.6913 0.1317 286.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#968EE9

#E1E98E

Analogous

#8EB3E9

#C38EE9

#968EE9

Triadic

#968EE9

#E9968E

#8EE996

Split Complementary

#968EE9

#E9C38E

#B3E98E

Tetradic

#968EE9

#E98EB3

#E1E98E

#8EE9C3

Color Blindness Simulation

Original

#968EE9

Protanopia

#9392D3

Deuteranopia

#9394CE

Tritanopia

#96C2BE

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C7C3F3
300
#A099EB
400
#6C61E0
500
#392AD5
600
#2D21AB
700
#241B89
800
#1C156B
900
#18134E
950
#0F0C31

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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