#8AB8FB

#8AB8FB

Color Values

HEX

#8AB8FB

RGB

138, 184, 251

HSL

215.6, 93.4%, 76.3%

HSV

215.6, 45.0%, 98.4%

CMYK

45.0%, 26.7%, 0.0%, 1.6%

OKLCH

0.7758 0.1084 257.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8AB8FB

#FBCD8A

Analogous

#8AF0FB

#958AFB

#8AB8FB

Triadic

#8AB8FB

#FB8AB8

#B8FB8A

Split Complementary

#8AB8FB

#FB958A

#F0FB8A

Tetradic

#8AB8FB

#FB8AF0

#FBCD8A

#8AFB95

Color Blindness Simulation

Original

#8AB8FB

Protanopia

#9E9EEB

Deuteranopia

#9B98E7

Tritanopia

#8CDEDB

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD5FD
300
#89B7FB
400
#4990F9
500
#0869F7
600
#0754C5
700
#05439E
800
#04357B
900
#082959
950
#051A38

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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