#789F80

#789F80

Color Values

HEX

#789F80

RGB

120, 159, 128

HSL

132.3, 16.9%, 54.7%

HSV

132.3, 24.5%, 62.4%

CMYK

24.5%, 0.0%, 19.5%, 37.6%

OKLCH

0.6649 0.0626 150.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#789F80

#9F7897

Analogous

#839F78

#789F93

#789F80

Triadic

#789F80

#80789F

#9F8078

Split Complementary

#789F80

#93789F

#9F7883

Tetradic

#789F80

#78839F

#9F7897

#9F9378

Color Blindness Simulation

Original

#789F80

Protanopia

#898987

Deuteranopia

#878489

Tritanopia

#7A8D8F

Achromatopsia

#949494

CSS Usage

background-color: #789F80;
color: #789F80;
border-color: #789F80;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1D8
300
#B7CCBC
400
#91B197
500
#6A9573
600
#55775C
700
#445F49
800
#354B39
900
#29382C
950
#1A231C

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

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