#788DB9

#788DB9

Color Values

HEX

#788DB9

RGB

120, 141, 185

HSL

220.6, 31.7%, 59.8%

HSV

220.6, 35.1%, 72.5%

CMYK

35.1%, 23.8%, 0.0%, 27.5%

OKLCH

0.6437 0.0706 264.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#788DB9

#B9A478

Analogous

#78AEB9

#8378B9

#788DB9

Triadic

#788DB9

#B9788D

#8DB978

Split Complementary

#788DB9

#B98378

#AEB978

Tetradic

#788DB9

#B978AE

#B9A478

#78B983

Color Blindness Simulation

Original

#788DB9

Protanopia

#8181AE

Deuteranopia

#807EAC

Tritanopia

#79A6A4

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EBF2
200
#D0D7E7
300
#AEBBD5
400
#8396BF
500
#5771A8
600
#465B86
700
#38486B
800
#2C3954
900
#232C3E
950
#161C27

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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