#8988AF

#8988AF

Color Values

HEX

#8988AF

RGB

137, 136, 175

HSL

241.5, 19.6%, 61.0%

HSV

241.5, 22.3%, 68.6%

CMYK

21.7%, 22.3%, 0.0%, 31.4%

OKLCH

0.6417 0.058 285.8

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8988AF

#AEAF88

Analogous

#889BAF

#9D88AF

#8988AF

Triadic

#8988AF

#AF8988

#88AF89

Split Complementary

#8988AF

#AF9D88

#9BAF88

Tetradic

#8988AF

#AF889B

#AEAF88

#88AF9D

Color Blindness Simulation

Original

#8988AF

Protanopia

#8989A6

Deuteranopia

#8989A3

Tritanopia

#899E9C

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D5D4E2
300
#B6B6CE
400
#8F8EB3
500
#686798
600
#53527A
700
#424262
800
#34334C
900
#282839
950
#191924

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026