#5A62F5 Color

Color Information

HEX#5A62F5
RGB90, 98, 245
HSL237° , 89% , 66%
HSV237° , 63% , 96%
CMYK63%, 60%, 0%, 4%

Lighter Shades

#6E75F6 #8288F7 #959BF9 #A9ADFA #BDC0FB #D1D3FC

Darker Shades

#4F56D8 #444ABA #3A3F9D #2F337F #242762 #191B45

Complementary Palette

#4D54D3 #5A62F5 #D3CD4E #F5EE5B #F6F072 #7178F6

Analogous Palette

#6AA1CD #6CAEE4 #555CE6 #5A62F5 #A26CE4 #AA79E6

Triadic Palette

#4F56D8 #5A62F5 #FE525B #FE676F #5BFE52 #50E048

Split Complementary Palette

#5158DD #5A62F5 #F5A15B #F6AA6B #B0F55B #9EDD52

Square Palette

#4C52CE #5A62F5 #ED64AF #EDE664 #5BF5A1 #75F7B0

Tetradic Palette

#4A50C9 #5A62F5 #F652FF #F5EE5B #5AFF52 #78FF71

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A62F5 contains 90 red, 98 green, and 245 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1