#789499

#789499

Color Values

HEX

#789499

RGB

120, 148, 153

HSL

189.1, 13.9%, 53.5%

HSV

189.1, 21.6%, 60.0%

CMYK

21.6%, 3.3%, 0.0%, 40.0%

OKLCH

0.6468 0.0324 209.6

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#789499

#997D78

Analogous

#78998D

#788399

#789499

Triadic

#789499

#997894

#949978

Split Complementary

#789499

#997883

#998D78

Tetradic

#789499

#8D7899

#997D78

#839978

Color Blindness Simulation

Original

#789499

Protanopia

#848498

Deuteranopia

#828098

Tritanopia

#799797

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CA
400
#94AAAE
500
#6E8C91
600
#587074
700
#465A5D
800
#374649
900
#2A3537
950
#1B2122

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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