#9399CC

#9399CC

Color Values

HEX

#9399CC

RGB

147, 153, 204

HSL

233.7, 35.8%, 68.8%

HSV

233.7, 27.9%, 80.0%

CMYK

27.9%, 25.0%, 0.0%, 20.0%

OKLCH

0.6969 0.0751 279.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9399CC

#CCC693

Analogous

#93B5CC

#A993CC

#9399CC

Triadic

#9399CC

#CC9399

#99CC93

Split Complementary

#9399CC

#CCA993

#B5CC93

Tetradic

#9399CC

#CC93B5

#CCC693

#93CCA9

Color Blindness Simulation

Original

#9399CC

Protanopia

#9696C0

Deuteranopia

#9595BD

Tritanopia

#93B6B4

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9399CC;
color: #9399CC;
border-color: #9399CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CFD1E8
300
#ACB0D8
400
#7F86C2
500
#525BAD
600
#41498B
700
#343B6F
800
#292E57
900
#212440
950
#151728

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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