#789DA4

#789DA4

Color Values

HEX

#789DA4

RGB

120, 157, 164

HSL

189.5, 19.5%, 55.7%

HSV

189.5, 26.8%, 64.3%

CMYK

26.8%, 4.3%, 0.0%, 35.7%

OKLCH

0.671 0.0419 210.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#789DA4

#A47F78

Analogous

#78A495

#7887A4

#789DA4

Triadic

#789DA4

#A4789D

#9DA478

Split Complementary

#789DA4

#A47887

#A49578

Tetradic

#789DA4

#9578A4

#A47F78

#87A478

Color Blindness Simulation

Original

#789DA4

Protanopia

#8888A2

Deuteranopia

#8683A2

Tritanopia

#7AA1A1

Achromatopsia

#969696

CSS Usage

background-color: #789DA4;
color: #789DA4;
border-color: #789DA4;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6CACE
400
#8EADB3
500
#679098
600
#52747A
700
#425C62
800
#33484C
900
#283639
950
#192224

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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