#654AC2 Color

Color Information

HEX#654AC2
RGB101, 74, 194
HSL254° , 50% , 53%
HSV254° , 62% , 76%
CMYK48%, 62%, 0%, 24%

Lighter Shades

#7760C9 #8A75D1 #9C8BD8 #AFA1DF #C1B7E7 #D4CCEE

Darker Shades

#5941AB #4D3893 #412F7C #352665 #281E4E #1C1536

Complementary Palette

#5740A7 #654AC2 #90A841 #A7C34B #B3CB64 #7B63CB

Analogous Palette

#5F6F9B #6376AB #5F46B6 #654AC2 #9863AB #A170B2

Triadic Palette

#5941AB #654AC2 #CF613F #D57456 #3FCF61 #37B655

Split Complementary Palette

#5B43AF #654AC2 #C3A34B #C9AC5D #6BC34B #60B044

Square Palette

#553EA3 #654AC2 #B75771 #A1B757 #4BC3A3 #68CDB2

Tetradic Palette

#533D9F #654AC2 #D936B3 #A7C34B #36D95C #5AE079

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #654AC2 contains 101 red, 74 green, and 194 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1