#788FAD

#788FAD

Color Values

HEX

#788FAD

RGB

120, 143, 173

HSL

214.0, 24.4%, 57.5%

HSV

214.0, 30.6%, 67.8%

CMYK

30.6%, 17.3%, 0.0%, 32.2%

OKLCH

0.643 0.0523 255.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#788FAD

#AD9678

Analogous

#78AAAD

#7C78AD

#788FAD

Triadic

#788FAD

#AD788F

#8FAD78

Split Complementary

#788FAD

#AD7C78

#AAAD78

Tetradic

#788FAD

#AD78AA

#AD9678

#78AD7C

Color Blindness Simulation

Original

#788FAD

Protanopia

#8282A6

Deuteranopia

#817FA4

Tritanopia

#79A09F

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DAE4
300
#B3C0D1
400
#8A9EB8
500
#607B9F
600
#4D637F
700
#3E4F66
800
#303E4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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