#5780E1 Color

Color Information

HEX#5780E1
RGB87, 128, 225
HSL222° , 70% , 61%
HSV222° , 61% , 88%
CMYK61%, 43%, 0%, 12%

Lighter Shades

#6B8FE5 #7F9EE8 #93AEEC #A8BDEF #BCCCF3 #D0DBF7

Darker Shades

#4D71C6 #4261AB #385290 #2D4375 #23335A #18243F

Complementary Palette

#4B6EC2 #5780E1 #C29D4A #E1B756 #E5C16E #6F92E5

Analogous Palette

#65A8B8 #6AB9CD #5278D4 #5780E1 #7E6ACD #8876D0

Triadic Palette

#4D71C6 #5780E1 #EB4C7C #ED618C #7CEB4C #6DCF43

Split Complementary Palette

#4E73CB #5780E1 #E17256 #E48067 #C5E156 #B1CB4D

Square Palette

#496CBD #5780E1 #D760BF #D7B360 #56E172 #71E689

Tetradic Palette

#4769B9 #5780E1 #BF44F3 #E1B756 #79F344 #91F566

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5780E1 contains 87 red, 128 green, and 225 blue.

Contrast Ratio: 3.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.64:1