#8AB5BD

#8AB5BD

Color Values

HEX

#8AB5BD

RGB

138, 181, 189

HSL

189.4, 27.9%, 64.1%

HSV

189.4, 27.0%, 74.1%

CMYK

27.0%, 4.2%, 0.0%, 25.9%

OKLCH

0.7449 0.0473 210.2

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#8AB5BD

#BD928A

Analogous

#8ABDAB

#8A9BBD

#8AB5BD

Triadic

#8AB5BD

#BD8AB5

#B5BD8A

Split Complementary

#8AB5BD

#BD8A9B

#BDAB8A

Tetradic

#8AB5BD

#AB8ABD

#BD928A

#9BBD8A

Color Blindness Simulation

Original

#8AB5BD

Protanopia

#9D9DBB

Deuteranopia

#9A97BB

Tritanopia

#8CBAB9

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E2E5
300
#B1CED3
400
#86B3BB
500
#5C98A3
600
#4A7A82
700
#3B6168
800
#2E4C52
900
#24393D
950
#172426

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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