#9693CE

#9693CE

Color Values

HEX

#9693CE

RGB

150, 147, 206

HSL

243.1, 37.6%, 69.2%

HSV

243.1, 28.6%, 80.8%

CMYK

27.2%, 28.6%, 0.0%, 19.2%

OKLCH

0.688 0.0861 286.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9693CE

#CBCE93

Analogous

#93ADCE

#B493CE

#9693CE

Triadic

#9693CE

#CE9693

#93CE96

Split Complementary

#9693CE

#CEB493

#ADCE93

Tetradic

#9693CE

#CE93AD

#CBCE93

#93CEB4

Color Blindness Simulation

Original

#9693CE

Protanopia

#9595C0

Deuteranopia

#9595BC

Tritanopia

#96B4B2

Achromatopsia

#989898

CSS Usage

background-color: #9693CE;
color: #9693CE;
border-color: #9693CE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCEE9
300
#ADABD9
400
#817DC4
500
#5550AF
600
#44408C
700
#363370
800
#2A2858
900
#222041
950
#151429

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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