#8AAAE9

#8AAAE9

Color Values

HEX

#8AAAE9

RGB

138, 170, 233

HSL

219.8, 68.3%, 72.7%

HSV

219.8, 40.8%, 91.4%

CMYK

40.8%, 27.0%, 0.0%, 8.6%

OKLCH

0.7385 0.0985 263.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#8AAAE9

#E9C98A

Analogous

#8AD9E9

#998AE9

#8AAAE9

Triadic

#8AAAE9

#E98AAA

#AAE98A

Split Complementary

#8AAAE9

#E9998A

#D9E98A

Tetradic

#8AAAE9

#E98AD9

#E9C98A

#8AE999

Color Blindness Simulation

Original

#8AAAE9

Protanopia

#9898DA

Deuteranopia

#9694D6

Tritanopia

#8CCECB

Achromatopsia

#A8A8A8

CSS Usage

background-color: #8AAAE9;
color: #8AAAE9;
border-color: #8AAAE9;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D3F4
300
#98B4EC
400
#608CE1
500
#2863D7
600
#204FAC
700
#1A3F89
800
#14326B
900
#13274E
950
#0C1831

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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