#789CC6

#789CC6

Color Values

HEX

#789CC6

RGB

120, 156, 198

HSL

212.3, 40.6%, 62.4%

HSV

212.3, 39.4%, 77.6%

CMYK

39.4%, 21.2%, 0.0%, 22.4%

OKLCH

0.6819 0.0741 252.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#789CC6

#C6A278

Analogous

#78C3C6

#7B78C6

#789CC6

Triadic

#789CC6

#C6789C

#9CC678

Split Complementary

#789CC6

#C67B78

#C3C678

Tetradic

#789CC6

#C678C3

#C6A278

#78C67B

Color Blindness Simulation

Original

#789CC6

Protanopia

#8888BC

Deuteranopia

#8683B9

Tritanopia

#7AB4B2

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAEA
300
#A9C0DB
400
#7A9EC7
500
#4C7CB3
600
#3D638F
700
#304F73
800
#263E5A
900
#1F2F42
950
#131E2A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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