#8BBAF0

#8BBAF0

Color Values

HEX

#8BBAF0

RGB

139, 186, 240

HSL

212.1, 77.1%, 74.3%

HSV

212.1, 42.1%, 94.1%

CMYK

42.1%, 22.5%, 0.0%, 5.9%

OKLCH

0.7758 0.0925 252.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8BBAF0

#F0C18B

Analogous

#8BECF0

#8E8BF0

#8BBAF0

Triadic

#8BBAF0

#F08BBA

#BAF08B

Split Complementary

#8BBAF0

#F08E8B

#ECF08B

Tetradic

#8BBAF0

#F08BEC

#F0C18B

#8BF08E

Color Blindness Simulation

Original

#8BBAF0

Protanopia

#9FA0E3

Deuteranopia

#9D99E0

Tritanopia

#8DD9D6

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D9F7
300
#93BEF1
400
#589CE9
500
#1D79E2
600
#1760B5
700
#134D91
800
#0F3C71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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