#9697CF

#9697CF

Color Values

HEX

#9697CF

RGB

150, 151, 207

HSL

238.9, 37.3%, 70.0%

HSV

238.9, 27.5%, 81.2%

CMYK

27.5%, 27.1%, 0.0%, 18.8%

OKLCH

0.6964 0.0817 283.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9697CF

#CFCE96

Analogous

#96B4CF

#B196CF

#9697CF

Triadic

#9697CF

#CF9697

#97CF96

Split Complementary

#9697CF

#CFB196

#B4CF96

Tetradic

#9697CF

#CF96B4

#CFCE96

#96CFB1

Color Blindness Simulation

Original

#9697CF

Protanopia

#9696C1

Deuteranopia

#9696BE

Tritanopia

#96B7B4

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9697CF;
color: #9697CF;
border-color: #9697CF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECEE9
300
#ABACD9
400
#7D7FC4
500
#5052AF
600
#40418C
700
#333470
800
#282958
900
#202141
950
#141529

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026