#8AA5DF

#8AA5DF

Color Values

HEX

#8AA5DF

RGB

138, 165, 223

HSL

220.9, 57.0%, 70.8%

HSV

220.9, 38.1%, 87.5%

CMYK

38.1%, 26.0%, 0.0%, 12.5%

OKLCH

0.7236 0.0902 265.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8AA5DF

#DFC48A

Analogous

#8AD0DF

#9A8ADF

#8AA5DF

Triadic

#8AA5DF

#DF8AA5

#A5DF8A

Split Complementary

#8AA5DF

#DF9A8A

#D0DF8A

Tetradic

#8AA5DF

#DF8AD0

#DFC48A

#8ADF9A

Color Blindness Simulation

Original

#8AA5DF

Protanopia

#9696D1

Deuteranopia

#9492CE

Tritanopia

#8BC6C3

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C7D4F0
300
#9FB5E5
400
#6B8DD6
500
#3765C8
600
#2C51A0
700
#234180
800
#1B3364
900
#182749
950
#0F192E

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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