#5D78A9 Color

Color Information

HEX#5D78A9
RGB93, 120, 169
HSL219° , 31% , 51%
HSV219° , 45% , 66%
CMYK45%, 29%, 0%, 34%

Lighter Shades

#7088B3 #8498BE #97A9C8 #ABB9D2 #BEC9DD #D2D9E7

Darker Shades

#526A95 #475B80 #3C4D6C #303E58 #253044 #1A222F

Complementary Palette

#506791 #5D78A9 #917A4E #A98E5B #B59E72 #748BB5

Analogous Palette

#66848A #6F8F95 #57719F #5D78A9 #756F95 #807B9D

Triadic Palette

#526A95 #5D78A9 #B54F73 #BE6484 #73B54F #659F46

Split Complementary Palette

#546C98 #5D78A9 #A9675B #B2766B #9DA95B #8D9852

Square Palette

#4E658E #5D78A9 #9C6894 #9C8A68 #5BA967 #75B77F

Tetradic Palette

#4C628B #5D78A9 #9445BF #A98E5B #70BF45 #8ACB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D78A9 contains 93 red, 120 green, and 169 blue.

Contrast Ratio: 4.4:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 4.77:1