#86979C

#86979C

Color Values

HEX

#86979C

RGB

134, 151, 156

HSL

193.6, 10.0%, 56.9%

HSV

193.6, 14.1%, 61.2%

CMYK

14.1%, 3.2%, 0.0%, 38.8%

OKLCH

0.6645 0.0208 217.3

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#86979C

#9C8B86

Analogous

#869C96

#868C9C

#86979C

Triadic

#86979C

#9C8697

#979C86

Split Complementary

#86979C

#9C868C

#9C9686

Tetradic

#86979C

#96869C

#9C8B86

#8C9C86

Color Blindness Simulation

Original

#86979C

Protanopia

#8D8E9B

Deuteranopia

#8C8B9A

Tritanopia

#879A9A

Achromatopsia

#949494

CSS Usage

background-color: #86979C;
color: #86979C;
border-color: #86979C;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDF
300
#BCC5C8
400
#97A6AA
500
#73868C
600
#5C6C70
700
#49565A
800
#394346
900
#2C3335
950
#1C2021

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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