#979EAF

#979EAF

Color Values

HEX

#979EAF

RGB

151, 158, 175

HSL

222.5, 13.0%, 63.9%

HSV

222.5, 13.7%, 68.6%

CMYK

13.7%, 9.7%, 0.0%, 31.4%

OKLCH

0.6992 0.0261 267.8

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#979EAF

#AFA897

Analogous

#97AAAF

#9C97AF

#979EAF

Triadic

#979EAF

#AF979E

#9EAF97

Split Complementary

#979EAF

#AF9C97

#AAAF97

Tetradic

#979EAF

#AF97AA

#AFA897

#97AF9C

Color Blindness Simulation

Original

#979EAF

Protanopia

#9A9AAB

Deuteranopia

#9A99AA

Tritanopia

#97A8A7

Achromatopsia

#9E9E9E

CSS Usage

background-color: #979EAF;
color: #979EAF;
border-color: #979EAF;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9E0
300
#BABECA
400
#949CAD
500
#6F7990
600
#596073
700
#474D5C
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

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