#797586

#797586

Color Values

HEX

#797586

RGB

121, 117, 134

HSL

254.1, 6.8%, 49.2%

HSV

254.1, 12.7%, 52.5%

CMYK

9.7%, 12.7%, 0.0%, 47.5%

OKLCH

0.5718 0.0262 296.3

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#797586

#828675

Analogous

#757986

#817586

#797586

Triadic

#797586

#867975

#758679

Split Complementary

#797586

#868175

#798675

Tetradic

#797586

#867579

#828675

#758681

Color Blindness Simulation

Original

#797586

Protanopia

#777782

Deuteranopia

#787881

Tritanopia

#797F7E

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DAD9DE
300
#C0BEC6
400
#9D9AA7
500
#7B7788
600
#625F6D
700
#4F4C57
800
#3D3B44
900
#2F2D33
950
#1E1D20

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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