#8396C2

#8396C2

Color Values

HEX

#8396C2

RGB

131, 150, 194

HSL

221.9, 34.1%, 63.7%

HSV

221.9, 32.5%, 76.1%

CMYK

32.5%, 22.7%, 0.0%, 23.9%

OKLCH

0.6746 0.069 266.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8396C2

#C2AF83

Analogous

#83B5C2

#8F83C2

#8396C2

Triadic

#8396C2

#C28396

#96C283

Split Complementary

#8396C2

#C28F83

#B5C283

Tetradic

#8396C2

#C283B5

#C2AF83

#83C28F

Color Blindness Simulation

Original

#8396C2

Protanopia

#8B8BB7

Deuteranopia

#8A89B5

Tritanopia

#84AFAD

Achromatopsia

#959595

CSS Usage

background-color: #8396C2;
color: #8396C2;
border-color: #8396C2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E7
300
#ADBAD7
400
#8094C1
500
#546EAB
600
#435889
700
#36476D
800
#2A3755
900
#222B3F
950
#151B28

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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