#789C87

#789C87

Color Values

HEX

#789C87

RGB

120, 156, 135

HSL

145.0, 15.4%, 54.1%

HSV

145.0, 23.1%, 61.2%

CMYK

23.1%, 0.0%, 13.5%, 38.8%

OKLCH

0.6597 0.0505 159.1

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#789C87

#9C788D

Analogous

#7B9C78

#789C99

#789C87

Triadic

#789C87

#87789C

#9C8778

Split Complementary

#789C87

#99789C

#9C787B

Tetradic

#789C87

#787B9C

#9C788D

#9C9978

Color Blindness Simulation

Original

#789C87

Protanopia

#88888C

Deuteranopia

#86838D

Tritanopia

#7A9091

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B8CBC0
400
#92AF9E
500
#6C937C
600
#567663
700
#455E50
800
#364A3E
900
#2A372F
950
#1A231E

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026