#8AAEEB

#8AAEEB

Color Values

HEX

#8AAEEB

RGB

138, 174, 235

HSL

217.7, 70.8%, 73.1%

HSV

217.7, 41.3%, 92.2%

CMYK

41.3%, 26.0%, 0.0%, 7.8%

OKLCH

0.7477 0.0971 260.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#8AAEEB

#EBC78A

Analogous

#8ADFEB

#968AEB

#8AAEEB

Triadic

#8AAEEB

#EB8AAE

#AEEB8A

Split Complementary

#8AAEEB

#EB968A

#DFEB8A

Tetradic

#8AAEEB

#EB8ADF

#EBC78A

#8AEB96

Color Blindness Simulation

Original

#8AAEEB

Protanopia

#9A9ADC

Deuteranopia

#9895D9

Tritanopia

#8CD1CE

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D5F5
300
#96B7ED
400
#5E90E3
500
#2568DA
600
#1E53AE
700
#18438B
800
#13346D
900
#12294F
950
#0B1A32

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.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