#5878E0 Color

Color Information

HEX#5878E0
RGB88, 120, 224
HSL226° , 69% , 61%
HSV226° , 61% , 88%
CMYK61%, 46%, 0%, 12%

Lighter Shades

#6C88E4 #8098E7 #94A9EB #A8B9EF #BCC9F3 #D0D9F6

Darker Shades

#4D6AC5 #435BAA #384D8F #2E3E74 #23305A #19223F

Complementary Palette

#4C67C1 #5878E0 #C1A54B #E0C057 #E4C96F #6F8BE4

Analogous Palette

#66A2B7 #6BB2CC #5371D3 #5878E0 #856BCC #8F77CF

Triadic Palette

#4D6AC5 #5878E0 #EA4D72 #ED6283 #72EA4D #64CE44

Split Complementary Palette

#4F6CCA #5878E0 #E07C57 #E38968 #BCE057 #A9CA4E

Square Palette

#4A65BC #5878E0 #D661B7 #D6BB61 #57E07C #72E591

Tetradic Palette

#4862B8 #5878E0 #CA45F2 #E0C057 #6DF245 #87F466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5878E0 contains 88 red, 120 green, and 224 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.22:1