#8486F2 Color

Color Information

HEX#8486F2
RGB132, 134, 242
HSL239° , 81% , 73%
HSV239° , 45% , 95%
CMYK45%, 45%, 0%, 5%

Lighter Shades

#9395F4 #A2A3F5 #B0B2F7 #BFC0F8 #CECFFA #DDDDFB

Darker Shades

#7476D5 #6466B8 #54569B #45467E #353661 #252644

Complementary Palette

#7273D0 #8486F2 #D0CE70 #F2F082 #F4F294 #9597F4

Analogous Palette

#88ACCE #90BCE4 #7C7EE3 #8486F2 #B990E4 #BE98E6

Triadic Palette

#7476D5 #8486F2 #F97B7E #FA8B8D #7EF97B #6FDB6C

Split Complementary Palette

#7779DA #8486F2 #F2B882 #F3BF8F #BCF282 #A9DA75

Square Palette

#6F71CB #8486F2 #EB89BC #EBE989 #82F2B8 #96F4C3

Tetradic Palette

#6C6EC6 #8486F2 #FC76FE #F2F082 #78FE76 #90FE8F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8486F2 contains 132 red, 134 green, and 242 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.76:1