#8B828F

#8B828F

Color Values

HEX

#8B828F

RGB

139, 130, 143

HSL

281.5, 5.5%, 53.5%

HSV

281.5, 9.1%, 56.1%

CMYK

2.8%, 9.1%, 0.0%, 43.9%

OKLCH

0.6188 0.0219 315.6

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#8B828F

#868F82

Analogous

#84828F

#8F828C

#8B828F

Triadic

#8B828F

#8F8B82

#828F8B

Split Complementary

#8B828F

#8C8F82

#828F84

Tetradic

#8B828F

#8F8482

#868F82

#828C8F

Color Blindness Simulation

Original

#8B828F

Protanopia

#87878C

Deuteranopia

#88888B

Tritanopia

#8B8989

Achromatopsia

#858585

CSS Usage

background-color: #8B828F;
color: #8B828F;
border-color: #8B828F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DCD9DD
300
#C3BEC5
400
#A39BA6
500
#827887
600
#68606C
700
#534D56
800
#413C43
900
#312E33
950
#1F1D20

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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