#84889D

#84889D

Color Values

HEX

#84889D

RGB

132, 136, 157

HSL

230.4, 11.3%, 56.7%

HSV

230.4, 15.9%, 61.6%

CMYK

15.9%, 13.4%, 0.0%, 38.4%

OKLCH

0.6306 0.0318 276.9

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#84889D

#9D9984

Analogous

#84959D

#8D849D

#84889D

Triadic

#84889D

#9D8488

#889D84

Split Complementary

#84889D

#9D8D84

#959D84

Tetradic

#84889D

#9D8495

#9D9984

#849D8D

Color Blindness Simulation

Original

#84889D

Protanopia

#868698

Deuteranopia

#868597

Tritanopia

#849493

Achromatopsia

#898989

CSS Usage

background-color: #84889D;
color: #84889D;
border-color: #84889D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9DF
300
#BBBDC9
400
#9699AB
500
#71768E
600
#5A5E72
700
#484B5B
800
#393B47
900
#2C2D35
950
#1B1C22

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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