#788BA0

#788BA0

Color Values

HEX

#788BA0

RGB

120, 139, 160

HSL

211.5, 17.4%, 54.9%

HSV

211.5, 25.0%, 62.7%

CMYK

25.0%, 13.1%, 0.0%, 37.3%

OKLCH

0.6291 0.0386 251.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#788BA0

#A08D78

Analogous

#789FA0

#7978A0

#788BA0

Triadic

#788BA0

#A0788B

#8BA078

Split Complementary

#788BA0

#A07978

#9FA078

Tetradic

#788BA0

#A0789F

#A08D78

#78A079

Color Blindness Simulation

Original

#788BA0

Protanopia

#80809B

Deuteranopia

#7F7E9A

Tritanopia

#799796

Achromatopsia

#888888

CSS Usage

background-color: #788BA0;
color: #788BA0;
border-color: #788BA0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE2
300
#B7C1CC
400
#90A0B1
500
#697E96
600
#546578
700
#435160
800
#353F4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026