#9690EE

#9690EE

Color Values

HEX

#9690EE

RGB

150, 144, 238

HSL

243.8, 73.4%, 74.9%

HSV

243.8, 39.5%, 93.3%

CMYK

37.0%, 39.5%, 0.0%, 6.7%

OKLCH

0.6976 0.1358 285.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#9690EE

#E8EE90

Analogous

#90B9EE

#C590EE

#9690EE

Triadic

#9690EE

#EE9690

#90EE96

Split Complementary

#9690EE

#EEC590

#B9EE90

Tetradic

#9690EE

#EE90B9

#E8EE90

#90EEC5

Color Blindness Simulation

Original

#9690EE

Protanopia

#9393D7

Deuteranopia

#9494D2

Tritanopia

#96C5C1

Achromatopsia

#989898

CSS Usage

background-color: #9690EE;
color: #9690EE;
border-color: #9690EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C1F6
300
#9B95EF
400
#645BE6
500
#2E22DD
600
#251BB1
700
#1D168D
800
#17116F
900
#141050
950
#0D0A33

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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