#8397C3

#8397C3

Color Values

HEX

#8397C3

RGB

131, 151, 195

HSL

221.2, 34.8%, 63.9%

HSV

221.2, 32.8%, 76.5%

CMYK

32.8%, 22.6%, 0.0%, 23.5%

OKLCH

0.6771 0.0693 265.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8397C3

#C3AF83

Analogous

#83B7C3

#8F83C3

#8397C3

Triadic

#8397C3

#C38397

#97C383

Split Complementary

#8397C3

#C38F83

#B7C383

Tetradic

#8397C3

#C383B7

#C3AF83

#83C38F

Color Blindness Simulation

Original

#8397C3

Protanopia

#8C8CB8

Deuteranopia

#8A89B6

Tritanopia

#84B0AE

Achromatopsia

#969696

CSS Usage

background-color: #8397C3;
color: #8397C3;
border-color: #8397C3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ADBAD7
400
#8094C1
500
#536FAC
600
#435989
700
#35476E
800
#2A3756
900
#212B40
950
#151B28

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026