#789CC5

#789CC5

Color Values

HEX

#789CC5

RGB

120, 156, 197

HSL

211.9, 39.9%, 62.2%

HSV

211.9, 39.1%, 77.3%

CMYK

39.1%, 20.8%, 0.0%, 22.7%

OKLCH

0.6815 0.0729 252.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#789CC5

#C5A178

Analogous

#78C3C5

#7B78C5

#789CC5

Triadic

#789CC5

#C5789C

#9CC578

Split Complementary

#789CC5

#C57B78

#C3C578

Tetradic

#789CC5

#C578C3

#C5A178

#78C57B

Color Blindness Simulation

Original

#789CC5

Protanopia

#8888BB

Deuteranopia

#8683B9

Tritanopia

#7AB3B2

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAEA
300
#A9C0DA
400
#7B9EC6
500
#4D7CB2
600
#3D638F
700
#315072
800
#263E59
900
#1F2F42
950
#141E2A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026