#8ABEFF

#8ABEFF

Color Values

HEX

#8ABEFF

RGB

138, 190, 255

HSL

213.3, 100.0%, 77.1%

HSV

213.3, 45.9%, 100.0%

CMYK

45.9%, 25.5%, 0.0%, 0.0%

OKLCH

0.7902 0.1082 254.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#8ABEFF

#FFCB8A

Analogous

#8AF9FF

#918AFF

#8ABEFF

Triadic

#8ABEFF

#FF8ABE

#BEFF8A

Split Complementary

#8ABEFF

#FF918A

#F9FF8A

Tetradic

#8ABEFF

#FF8AF9

#FFCB8A

#8AFF91

Color Blindness Simulation

Original

#8ABEFF

Protanopia

#A1A1EF

Deuteranopia

#9E9AEC

Tritanopia

#8DE3E0

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEBFC
200
#B8D7FF
300
#85BBFF
400
#4296FF
500
#0071FF
600
#005BCC
700
#0049A3
800
#003980
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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