#797E89

#797E89

Color Values

HEX

#797E89

RGB

121, 126, 137

HSL

221.2, 6.3%, 50.6%

HSV

221.2, 11.7%, 53.7%

CMYK

11.7%, 8.0%, 0.0%, 46.3%

OKLCH

0.5926 0.0178 266.2

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#797E89

#898479

Analogous

#798689

#7C7989

#797E89

Triadic

#797E89

#89797E

#7E8979

Split Complementary

#797E89

#897C79

#868979

Tetradic

#797E89

#897986

#898479

#79897C

Color Blindness Simulation

Original

#797E89

Protanopia

#7B7B86

Deuteranopia

#7B7A86

Tritanopia

#798484

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BEC0C6
400
#9B9EA7
500
#777D88
600
#60646C
700
#4C5057
800
#3C3E44
900
#2E2F33
950
#1D1E20

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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