#789B87

#789B87

Color Values

HEX

#789B87

RGB

120, 155, 135

HSL

145.7, 14.9%, 53.9%

HSV

145.7, 22.6%, 60.8%

CMYK

22.6%, 0.0%, 12.9%, 39.2%

OKLCH

0.6574 0.0488 159.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#789B87

#9B788C

Analogous

#7A9B78

#789B98

#789B87

Triadic

#789B87

#87789B

#9B8778

Split Complementary

#789B87

#98789B

#9B787A

Tetradic

#789B87

#787A9B

#9B788C

#9B9878

Color Blindness Simulation

Original

#789B87

Protanopia

#87878C

Deuteranopia

#85828D

Tritanopia

#7A9090

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DB
300
#B9CBC0
400
#93AF9F
500
#6D927D
600
#577564
700
#455E50
800
#36493E
900
#2A3730
950
#1A231E

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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