#8689AB

#8689AB

Color Values

HEX

#8689AB

RGB

134, 137, 171

HSL

235.1, 18.0%, 59.8%

HSV

235.1, 21.6%, 67.1%

CMYK

21.6%, 19.9%, 0.0%, 32.9%

OKLCH

0.6398 0.0509 280.9

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#8689AB

#ABA886

Analogous

#869CAB

#9586AB

#8689AB

Triadic

#8689AB

#AB8689

#89AB86

Split Complementary

#8689AB

#AB9586

#9CAB86

Tetradic

#8689AB

#AB869C

#ABA886

#86AB95

Color Blindness Simulation

Original

#8689AB

Protanopia

#8787A3

Deuteranopia

#8787A1

Tritanopia

#869C9B

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8689AB;
color: #8689AB;
border-color: #8689AB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D5D6E2
300
#B7B9CD
400
#9092B2
500
#696C96
600
#545778
700
#434560
800
#34364B
900
#292A38
950
#1A1A24

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026