#8AA6BC

#8AA6BC

Color Values

HEX

#8AA6BC

RGB

138, 166, 188

HSL

206.4, 27.2%, 63.9%

HSV

206.4, 26.6%, 73.7%

CMYK

26.6%, 11.7%, 0.0%, 26.3%

OKLCH

0.7115 0.0448 242.0

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#8AA6BC

#BCA08A

Analogous

#8ABCB9

#8A8DBC

#8AA6BC

Triadic

#8AA6BC

#BC8AA6

#A6BC8A

Split Complementary

#8AA6BC

#BC8A8D

#BCB98A

Tetradic

#8AA6BC

#B98ABC

#BCA08A

#8DBC8A

Color Blindness Simulation

Original

#8AA6BC

Protanopia

#9696B7

Deuteranopia

#9492B5

Tritanopia

#8BB2B2

Achromatopsia

#A2A2A2

CSS Usage

background-color: #8AA6BC;
color: #8AA6BC;
border-color: #8AA6BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DCE5
300
#B1C4D2
400
#87A4BA
500
#5D84A2
600
#4A6982
700
#3B5468
800
#2E4251
900
#25323C
950
#171F26

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.26:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026