#7F8C96

#7F8C96

Color Values

HEX

#7F8C96

RGB

127, 140, 150

HSL

206.1, 9.9%, 54.3%

HSV

206.1, 15.3%, 58.8%

CMYK

15.3%, 6.7%, 0.0%, 41.2%

OKLCH

0.6329 0.0213 240.9

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#7F8C96

#96897F

Analogous

#7F9695

#7F8096

#7F8C96

Triadic

#7F8C96

#967F8C

#8C967F

Split Complementary

#7F8C96

#967F80

#96957F

Tetradic

#7F8C96

#957F96

#96897F

#80967F

Color Blindness Simulation

Original

#7F8C96

Protanopia

#858594

Deuteranopia

#848393

Tritanopia

#809291

Achromatopsia

#8A8A8A

CSS Usage

background-color: #7F8C96;
color: #7F8C96;
border-color: #7F8C96;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DCDF
300
#BCC3C8
400
#97A2AA
500
#73818C
600
#5C6770
700
#4A535A
800
#394146
900
#2C3135
950
#1C1F21

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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