#5A45E4 Color

Color Information

HEX	#5A45E4
RGB	90, 69, 228
HSL	248° , 75% , 58%
HSV	248° , 70% , 89%
CMYK	61%, 70%, 0%, 11%

Lighter Shades

#6E5BE7 #8272EA #9588EE #A99EF1 #BDB5F4 #D1CBF7

Darker Shades

#4F3DC9 #4434AD #3A2C92 #2F2477 #241C5B #191340

Complementary Palette

#4D3BC4 #5A45E4 #B2C43A #CFE444 #D6E85E #715FE8

Analogous Palette

#587DBB #5984CF #5541D6 #5A45E4 #A459CF #AA65D2

Triadic Palette

#4F3DC9 #5A45E4 #EF5139 #F16651 #39EF51 #32D247

Split Complementary Palette

#513ECD #5A45E4 #E4A944 #E7B257 #7EE444 #71CD3D

Square Palette

#4C3AC0 #5A45E4 #DA4E81 #C7DA4E #44E4A9 #62E8B7

Tetradic Palette

#4A39BB #5A45E4 #F830DD #CFE444 #30F84B #55F96B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A45E4 contains 90 red, 69 green, and 228 blue.

Contrast Ratio: 6.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1