#8FBAFA

#8FBAFA

Color Values

HEX

#8FBAFA

RGB

143, 186, 250

HSL

215.9, 91.5%, 77.1%

HSV

215.9, 42.8%, 98.0%

CMYK

42.8%, 25.6%, 0.0%, 2.0%

OKLCH

0.7824 0.103 258.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8FBAFA

#FACF8F

Analogous

#8FF0FA

#9A8FFA

#8FBAFA

Triadic

#8FBAFA

#FA8FBA

#BAFA8F

Split Complementary

#8FBAFA

#FA9A8F

#F0FA8F

Tetradic

#8FBAFA

#FA8FF0

#FACF8F

#8FFA9A

Color Blindness Simulation

Original

#8FBAFA

Protanopia

#A2A2EB

Deuteranopia

#9F9CE7

Tritanopia

#91DEDC

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD5FC
300
#8AB7FA
400
#4A90F7
500
#0B69F4
600
#0954C3
700
#07439C
800
#05347A
900
#092958
950
#051A38

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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