#788EB1

#788EB1

Color Values

HEX

#788EB1

RGB

120, 142, 177

HSL

216.8, 26.8%, 58.2%

HSV

216.8, 32.2%, 69.4%

CMYK

32.2%, 19.8%, 0.0%, 30.6%

OKLCH

0.6425 0.0585 259.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#788EB1

#B19B78

Analogous

#78ABB1

#7E78B1

#788EB1

Triadic

#788EB1

#B1788E

#8EB178

Split Complementary

#788EB1

#B17E78

#ABB178

Tetradic

#788EB1

#B178AB

#B19B78

#78B17E

Color Blindness Simulation

Original

#788EB1

Protanopia

#8282A9

Deuteranopia

#807FA6

Tritanopia

#79A2A0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D9E5
300
#B1BED2
400
#879BBA
500
#5D78A2
600
#4B6081
700
#3C4D67
800
#2F3C51
900
#252E3C
950
#171D26

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026