#789FDB

#789FDB

Color Values

HEX

#789FDB

RGB

120, 159, 219

HSL

216.4, 57.9%, 66.5%

HSV

216.4, 45.2%, 85.9%

CMYK

45.2%, 27.4%, 0.0%, 14.1%

OKLCH

0.6978 0.0987 258.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#789FDB

#DBB478

Analogous

#78D0DB

#8378DB

#789FDB

Triadic

#789FDB

#DB789F

#9FDB78

Split Complementary

#789FDB

#DB8378

#D0DB78

Tetradic

#789FDB

#DB78D0

#DBB478

#78DB83

Color Blindness Simulation

Original

#789FDB

Protanopia

#8989CC

Deuteranopia

#8784C9

Tritanopia

#7AC1BE

Achromatopsia

#9B9B9B

CSS Usage

background-color: #789FDB;
color: #789FDB;
border-color: #789FDB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F7FB
100
#E4EBF6
200
#C7D7F0
300
#9EBAE5
400
#6A95D7
500
#3670C9
600
#2B59A1
700
#224881
800
#1B3865
900
#172B4A
950
#0F1B2F

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026