#8988AD

#8988AD

Color Values

HEX

#8988AD

RGB

137, 136, 173

HSL

241.6, 18.4%, 60.6%

HSV

241.6, 21.4%, 67.8%

CMYK

20.8%, 21.4%, 0.0%, 32.2%

OKLCH

0.6409 0.055 286.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8988AD

#ACAD88

Analogous

#889AAD

#9C88AD

#8988AD

Triadic

#8988AD

#AD8988

#88AD89

Split Complementary

#8988AD

#AD9C88

#9AAD88

Tetradic

#8988AD

#AD889A

#ACAD88

#88AD9C

Color Blindness Simulation

Original

#8988AD

Protanopia

#8989A4

Deuteranopia

#8989A2

Tritanopia

#899D9B

Achromatopsia

#8B8B8B

CSS Usage

background-color: #8988AD;
color: #8988AD;
border-color: #8988AD;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D5D5E2
300
#B7B7CD
400
#908FB2
500
#696897
600
#545379
700
#434361
800
#35344B
900
#292838
950
#1A1A24

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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