#968EE7

#968EE7

Color Values

HEX

#968EE7

RGB

150, 142, 231

HSL

245.4, 65.0%, 73.1%

HSV

245.4, 38.5%, 90.6%

CMYK

35.1%, 38.5%, 0.0%, 9.4%

OKLCH

0.6902 0.1289 286.6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#968EE7

#DFE78E

Analogous

#8EB2E7

#C28EE7

#968EE7

Triadic

#968EE7

#E7968E

#8EE796

Split Complementary

#968EE7

#E7C28E

#B2E78E

Tetradic

#968EE7

#E78EB2

#DFE78E

#8EE7C2

Color Blindness Simulation

Original

#968EE7

Protanopia

#9392D1

Deuteranopia

#9394CC

Tritanopia

#96C0BD

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C4F3
300
#A19AEA
400
#6E63DE
500
#3C2DD2
600
#3024A8
700
#261D87
800
#1E1669
900
#19144D
950
#100D31

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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