#797E8D

#797E8D

Color Values

HEX

#797E8D

RGB

121, 126, 141

HSL

225.0, 8.1%, 51.4%

HSV

225.0, 14.2%, 55.3%

CMYK

14.2%, 10.6%, 0.0%, 44.7%

OKLCH

0.594 0.0236 271.0

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#797E8D

#8D8879

Analogous

#79888D

#7E798D

#797E8D

Triadic

#797E8D

#8D797E

#7E8D79

Split Complementary

#797E8D

#8D7E79

#888D79

Tetradic

#797E8D

#8D7988

#8D8879

#798D7E

Color Blindness Simulation

Original

#797E8D

Protanopia

#7B7B89

Deuteranopia

#7B7A88

Tritanopia

#798786

Achromatopsia

#7E7E7E

CSS Usage

background-color: #797E8D;
color: #797E8D;
border-color: #797E8D;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DADE
300
#BDBFC7
400
#999DA8
500
#757A8A
600
#5E626E
700
#4B4E58
800
#3B3D45
900
#2D2F34
950
#1C1D21

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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