#86949F

#86949F

Color Values

HEX

#86949F

RGB

134, 148, 159

HSL

206.4, 11.5%, 57.5%

HSV

206.4, 15.7%, 62.4%

CMYK

15.7%, 6.9%, 0.0%, 37.6%

OKLCH

0.659 0.023 241.5

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#86949F

#9F9186

Analogous

#869F9E

#86889F

#86949F

Triadic

#86949F

#9F8694

#949F86

Split Complementary

#86949F

#9F8688

#9F9E86

Tetradic

#86949F

#9E869F

#9F9186

#889F86

Color Blindness Simulation

Original

#86949F

Protanopia

#8C8C9C

Deuteranopia

#8B8A9C

Tritanopia

#879A9A

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DCDF
300
#BBC3C9
400
#96A2AC
500
#71818E
600
#5A6772
700
#48535B
800
#384147
900
#2B3135
950
#1B1F22

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026