#5A50EA Color

Color Information

HEX#5A50EA
RGB90, 80, 234
HSL244° , 79% , 62%
HSV244° , 66% , 92%
CMYK62%, 66%, 0%, 8%

Lighter Shades

#6E65ED #827AEF #958FF2 #A9A4F4 #BDB9F7 #D1CEF9

Darker Shades

#4F46CE #443DB2 #3A3396 #2F2A7A #24205E #191642

Complementary Palette

#4D45C9 #5A50EA #C1CA47 #E0EB52 #E4EE6A #7169ED

Analogous Palette

#618BC2 #6596D7 #554BDC #5A50EA #A665D7 #AD70DB

Triadic Palette

#4F46CE #5A50EA #F45348 #F5685E #48F453 #3FD749

Split Complementary Palette

#5148D3 #5A50EA #EBA852 #EDB163 #94EB52 #85D44A

Square Palette

#4C43C5 #5A50EA #E15B95 #D8E15B #52EBA8 #6EEEB6

Tetradic Palette

#4A42C0 #5A50EA #FC40F0 #E0EB52 #40FC4D #62FD6D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A50EA contains 90 red, 80 green, and 234 blue.

Contrast Ratio: 5.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1