#789394

#789394

Color Values

HEX

#789394

RGB

120, 147, 148

HSL

182.1, 11.6%, 52.5%

HSV

182.1, 18.9%, 58.0%

CMYK

18.9%, 0.7%, 0.0%, 42.0%

OKLCH

0.6428 0.0305 199.2

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#789394

#947978

Analogous

#789487

#788594

#789394

Triadic

#789394

#947893

#939478

Split Complementary

#789394

#947885

#948778

Tetradic

#789394

#877894

#947978

#859478

Color Blindness Simulation

Original

#789394

Protanopia

#848494

Deuteranopia

#828094

Tritanopia

#799494

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC8C9
400
#96ABAC
500
#718D8E
600
#5A7172
700
#485A5B
800
#384747
900
#2B3536
950
#1B2222

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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