#787DA9

#787DA9

Color Values

HEX

#787DA9

RGB

120, 125, 169

HSL

233.9, 22.2%, 56.7%

HSV

233.9, 29.0%, 66.3%

CMYK

29.0%, 26.0%, 0.0%, 33.7%

OKLCH

0.6024 0.0671 279.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#787DA9

#A9A478

Analogous

#7896A9

#8C78A9

#787DA9

Triadic

#787DA9

#A9787D

#7DA978

Split Complementary

#787DA9

#A98C78

#96A978

Tetradic

#787DA9

#A97896

#A9A478

#78A98C

Color Blindness Simulation

Original

#787DA9

Protanopia

#7A7A9E

Deuteranopia

#7A7A9C

Tritanopia

#789694

Achromatopsia

#7F7F7F

CSS Usage

background-color: #787DA9;
color: #787DA9;
border-color: #787DA9;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D5E3
300
#B4B7CF
400
#8C90B6
500
#63699C
600
#4F547D
700
#3F4364
800
#32344E
900
#27293A
950
#181A25

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.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