#5D78D2 Color

Color Information

HEX#5D78D2
RGB93, 120, 210
HSL226° , 57% , 59%
HSV226° , 56% , 82%
CMYK56%, 43%, 0%, 18%

Lighter Shades

#7088D7 #8498DD #97A9E2 #ABB9E8 #BEC9ED #D2D9F2

Darker Shades

#526AB9 #475BA0 #3C4D86 #303E6D #253054 #1A223B

Complementary Palette

#5067B5 #5D78D2 #B59D4E #D2B65B #D8C072 #748BD8

Analogous Palette

#6A98A9 #70A9BD #5771C5 #5D78D2 #8470BD #8D7AC2

Triadic Palette

#526AB9 #5D78D2 #DC5071 #E06582 #71DC50 #63C246

Split Complementary Palette

#546CBD #5D78D2 #D27B5B #D7886B #B2D25B #A0BD52

Square Palette

#4E65B0 #5D78D2 #C865AD #C8B165 #5BD27B #75D990

Tetradic Palette

#4C62AC #5D78D2 #C048E5 #D2B65B #6DE548 #87EA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D78D2 contains 93 red, 120 green, and 210 blue.

Contrast Ratio: 4.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.13:1