#789CDB

#789CDB

Color Values

HEX

#789CDB

RGB

120, 156, 219

HSL

218.2, 57.9%, 66.5%

HSV

218.2, 45.2%, 85.9%

CMYK

45.2%, 28.8%, 0.0%, 14.1%

OKLCH

0.6914 0.1017 261.2

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#789CDB

#DBB778

Analogous

#78CEDB

#8678DB

#789CDB

Triadic

#789CDB

#DB789C

#9CDB78

Split Complementary

#789CDB

#DB8678

#CEDB78

Tetradic

#789CDB

#DB78CE

#DBB778

#78DB86

Color Blindness Simulation

Original

#789CDB

Protanopia

#8888CC

Deuteranopia

#8683C8

Tritanopia

#7AC0BD

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C7D6F0
300
#9EB8E5
400
#6A92D7
500
#366BC9
600
#2B56A1
700
#224581
800
#1B3665
900
#172A4A
950
#0F1A2F

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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