#788EB4

#788EB4

Color Values

HEX

#788EB4

RGB

120, 142, 180

HSL

218.0, 28.6%, 58.8%

HSV

218.0, 33.3%, 70.6%

CMYK

33.3%, 21.1%, 0.0%, 29.4%

OKLCH

0.6437 0.0626 261.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#788EB4

#B49E78

Analogous

#78ACB4

#8078B4

#788EB4

Triadic

#788EB4

#B4788E

#8EB478

Split Complementary

#788EB4

#B48078

#ACB478

Tetradic

#788EB4

#B478AC

#B49E78

#78B480

Color Blindness Simulation

Original

#788EB4

Protanopia

#8282AB

Deuteranopia

#807FA9

Tritanopia

#79A4A2

Achromatopsia

#8C8C8C

CSS Usage

background-color: #788EB4;
color: #788EB4;
border-color: #788EB4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E9ECF1
200
#D1D9E6
300
#B0BDD3
400
#8699BC
500
#5B76A4
600
#495E83
700
#3A4B69
800
#2E3B52
900
#242D3D
950
#171C26

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026