#8BA9D7

#8BA9D7

Color Values

HEX

#8BA9D7

RGB

139, 169, 215

HSL

216.3, 48.7%, 69.4%

HSV

216.3, 35.3%, 84.3%

CMYK

35.3%, 21.4%, 0.0%, 15.7%

OKLCH

0.7292 0.075 258.8

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#8BA9D7

#D7B98B

Analogous

#8BCFD7

#938BD7

#8BA9D7

Triadic

#8BA9D7

#D78BA9

#A9D78B

Split Complementary

#8BA9D7

#D7938B

#CFD78B

Tetradic

#8BA9D7

#D78BCF

#D7B98B

#8BD793

Color Blindness Simulation

Original

#8BA9D7

Protanopia

#9898CC

Deuteranopia

#9694C9

Tritanopia

#8CC3C1

Achromatopsia

#A6A6A6

CSS Usage

background-color: #8BA9D7;
color: #8BA9D7;
border-color: #8BA9D7;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD8ED
300
#A4BCE0
400
#7397CF
500
#4172BE
600
#345C98
700
#2A4979
800
#21395F
900
#1B2C46
950
#111C2C

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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