#89849F

#89849F

Color Values

HEX

#89849F

RGB

137, 132, 159

HSL

251.1, 12.3%, 57.1%

HSV

251.1, 17.0%, 62.4%

CMYK

13.8%, 17.0%, 0.0%, 37.6%

OKLCH

0.627 0.0405 293.7

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#89849F

#9A9F84

Analogous

#848D9F

#97849F

#89849F

Triadic

#89849F

#9F8984

#849F89

Split Complementary

#89849F

#9F9784

#8D9F84

Tetradic

#89849F

#9F848D

#9A9F84

#849F97

Color Blindness Simulation

Original

#89849F

Protanopia

#878798

Deuteranopia

#878897

Tritanopia

#899392

Achromatopsia

#878787

CSS Usage

background-color: #89849F;
color: #89849F;
border-color: #89849F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D9D7E0
300
#BDBAC9
400
#9995AC
500
#76708F
600
#5E5973
700
#4B485C
800
#3B3848
900
#2D2B36
950
#1C1B22

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026