#789DAD

#789DAD

Color Values

HEX

#789DAD

RGB

120, 157, 173

HSL

198.1, 24.4%, 57.5%

HSV

198.1, 30.6%, 67.8%

CMYK

30.6%, 9.2%, 0.0%, 32.2%

OKLCH

0.6742 0.047 226.3

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#789DAD

#AD8878

Analogous

#78ADA3

#7883AD

#789DAD

Triadic

#789DAD

#AD789D

#9DAD78

Split Complementary

#789DAD

#AD7883

#ADA378

Tetradic

#789DAD

#A378AD

#AD8878

#83AD78

Color Blindness Simulation

Original

#789DAD

Protanopia

#8888A9

Deuteranopia

#8683A8

Tritanopia

#7AA6A5

Achromatopsia

#969696

CSS Usage

background-color: #789DAD;
color: #789DAD;
border-color: #789DAD;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3DFE4
300
#B3C8D1
400
#8AAAB8
500
#608C9F
600
#4D707F
700
#3E5966
800
#30464F
900
#26353B
950
#182125

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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