#8396BB

#8396BB

Color Values

HEX

#8396BB

RGB

131, 150, 187

HSL

219.6, 29.2%, 62.4%

HSV

219.6, 29.9%, 73.3%

CMYK

29.9%, 19.8%, 0.0%, 26.7%

OKLCH

0.6717 0.0593 263.6

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8396BB

#BBA883

Analogous

#83B2BB

#8C83BB

#8396BB

Triadic

#8396BB

#BB8396

#96BB83

Split Complementary

#8396BB

#BB8C83

#B2BB83

Tetradic

#8396BB

#BB83B2

#BBA883

#83BB8C

Color Blindness Simulation

Original

#8396BB

Protanopia

#8B8BB2

Deuteranopia

#8A89B0

Tritanopia

#84ABA9

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D8E6
300
#B0BCD4
400
#8598BC
500
#5A74A5
600
#485C84
700
#3A4A69
800
#2D3A52
900
#242C3D
950
#171C27

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026