#789B8F

#789B8F

Color Values

HEX

#789B8F

RGB

120, 155, 143

HSL

159.4, 14.9%, 53.9%

HSV

159.4, 22.6%, 60.8%

CMYK

22.6%, 0.0%, 7.7%, 39.2%

OKLCH

0.6597 0.0427 172.0

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#789B8F

#9B7884

Analogous

#789B7D

#78959B

#789B8F

Triadic

#789B8F

#8F789B

#9B8F78

Split Complementary

#789B8F

#9B7895

#9B7D78

Tetradic

#789B8F

#7D789B

#9B7884

#959B78

Color Blindness Simulation

Original

#789B8F

Protanopia

#878792

Deuteranopia

#858293

Tritanopia

#7A9495

Achromatopsia

#939393

CSS Usage

background-color: #789B8F;
color: #789B8F;
border-color: #789B8F;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DD
300
#B9CBC5
400
#93AFA5
500
#6D9285
600
#57756B
700
#455E55
800
#364943
900
#2A3732
950
#1A2320

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026