#8989BC

#8989BC

Color Values

HEX

#8989BC

RGB

137, 137, 188

HSL

240.0, 27.6%, 63.7%

HSV

240.0, 27.1%, 73.7%

CMYK

27.1%, 27.1%, 0.0%, 26.3%

OKLCH

0.6494 0.0757 284.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8989BC

#BCBC89

Analogous

#89A2BC

#A289BC

#8989BC

Triadic

#8989BC

#BC8989

#89BC89

Split Complementary

#8989BC

#BCA289

#A2BC89

Tetradic

#8989BC

#BC89A2

#BCBC89

#89BCA2

Color Blindness Simulation

Original

#8989BC

Protanopia

#8989B0

Deuteranopia

#8989AD

Tritanopia

#89A6A4

Achromatopsia

#8D8D8D

CSS Usage

background-color: #8989BC;
color: #8989BC;
border-color: #8989BC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D1D1E5
300
#B1B1D3
400
#8787BB
500
#5C5CA3
600
#4A4A82
700
#3B3B68
800
#2E2E51
900
#24243C
950
#171726

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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