#84919F

#84919F

Color Values

HEX

#84919F

RGB

132, 145, 159

HSL

211.1, 12.3%, 57.1%

HSV

211.1, 17.0%, 62.4%

CMYK

17.0%, 8.8%, 0.0%, 37.6%

OKLCH

0.6509 0.0258 250.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#84919F

#9F9284

Analogous

#849F9F

#85849F

#84919F

Triadic

#84919F

#9F8491

#919F84

Split Complementary

#84919F

#9F8584

#9F9F84

Tetradic

#84919F

#9F849F

#9F9284

#849F85

Color Blindness Simulation

Original

#84919F

Protanopia

#8A8A9C

Deuteranopia

#89889B

Tritanopia

#859998

Achromatopsia

#8F8F8F

CSS Usage

background-color: #84919F;
color: #84919F;
border-color: #84919F;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC2C9
400
#95A0AC
500
#707F8F
600
#596673
700
#48515C
800
#383F48
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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