#9396CF

#9396CF

Color Values

HEX

#9396CF

RGB

147, 150, 207

HSL

237.0, 38.5%, 69.4%

HSV

237.0, 29.0%, 81.2%

CMYK

29.0%, 27.5%, 0.0%, 18.8%

OKLCH

0.6921 0.0835 281.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9396CF

#CFCC93

Analogous

#93B4CF

#AE93CF

#9396CF

Triadic

#9396CF

#CF9396

#96CF93

Split Complementary

#9396CF

#CFAE93

#B4CF93

Tetradic

#9396CF

#CF93B4

#CFCC93

#93CFAE

Color Blindness Simulation

Original

#9396CF

Protanopia

#9494C1

Deuteranopia

#9494BE

Tritanopia

#93B6B4

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#AAADD9
400
#7C80C5
500
#4E53B1
600
#3F438D
700
#323571
800
#272A58
900
#202141
950
#141529

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026