#5645F4 Color

Color Information

HEX	#5645F4
RGB	86, 69, 244
HSL	246° , 89% , 61%
HSV	246° , 72% , 96%
CMYK	65%, 72%, 0%, 4%

Lighter Shades

#6A5BF5 #7F72F7 #9388F8 #A79EF9 #BBB5FB #D0CBFC

Darker Shades

#4C3DD7 #4134B9 #372C9C #2D247F #221C62 #181344

Complementary Palette

#4A3BD2 #5645F4 #C2D23A #E2F443 #E6F65D #6E5FF6

Analogous Palette

#5483C9 #578EE0 #5141E5 #5645F4 #A957E0 #B064E3

Triadic Palette

#4C3DD7 #5645F4 #FE4D39 #FE6251 #39FE4D #32E044

Split Complementary Palette

#4D3EDC #5645F4 #F4AD43 #F5B556 #8AF443 #7CDC3C

Square Palette

#483ACD #5645F4 #EA4D8C #DAEA4D #43F4AD #61F6BA

Tetradic Palette

#4739C8 #5645F4 #FF38EB #E2F443 #38FF4C #5CFF6C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5645F4 contains 86 red, 69 green, and 244 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.51:1