#789EC6

#789EC6

Color Values

HEX

#789EC6

RGB

120, 158, 198

HSL

210.8, 40.6%, 62.4%

HSV

210.8, 39.4%, 77.6%

CMYK

39.4%, 20.2%, 0.0%, 22.4%

OKLCH

0.6863 0.0726 250.2

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#789EC6

#C6A078

Analogous

#78C5C6

#7978C6

#789EC6

Triadic

#789EC6

#C6789E

#9EC678

Split Complementary

#789EC6

#C67978

#C5C678

Tetradic

#789EC6

#C678C5

#C6A078

#78C679

Color Blindness Simulation

Original

#789EC6

Protanopia

#8889BC

Deuteranopia

#8683BA

Tritanopia

#7AB5B3

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBEA
300
#A9C1DB
400
#7AA0C7
500
#4C7EB3
600
#3D658F
700
#305173
800
#263F5A
900
#1F3042
950
#131E2A

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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