#979AA2

#979AA2

Color Values

HEX

#979AA2

RGB

151, 154, 162

HSL

223.6, 5.6%, 61.4%

HSV

223.6, 6.8%, 63.5%

CMYK

6.8%, 4.9%, 0.0%, 36.5%

OKLCH

0.6863 0.0122 269.5

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#979AA2

#A29F97

Analogous

#97A0A2

#9A97A2

#979AA2

Triadic

#979AA2

#A2979A

#9AA297

Split Complementary

#979AA2

#A29A97

#A0A297

Tetradic

#979AA2

#A297A0

#A29F97

#97A29A

Color Blindness Simulation

Original

#979AA2

Protanopia

#9898A0

Deuteranopia

#9898A0

Tritanopia

#979F9E

Achromatopsia

#9A9A9A

CSS Usage

background-color: #979AA2;
color: #979AA2;
border-color: #979AA2;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADD
300
#BEC0C5
400
#9B9EA6
500
#787C87
600
#60636C
700
#4D5056
800
#3C3E43
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026