#BA86F8 Color

Color Information

HEX#BA86F8
RGB186, 134, 248
HSL267° , 89% , 75%
HSV267° , 46% , 97%
CMYK25%, 46%, 0%, 3%

Lighter Shades

#C295F9 #CBA3FA #D3B2FB #DBC0FB #E3CFFC #ECDDFD

Darker Shades

#A476DA #8D66BC #77569F #614681 #4A3663 #342645

Complementary Palette

#A073D5 #BA86F8 #A9D574 #C5F887 #CDF998 #C497F9

Analogous Palette

#8C8FD4 #9398EB #AF7EE9 #BA86F8 #E793EB #E99BED

Triadic Palette

#A476DA #BA86F8 #FEB980 #FEC18F #80FEB9 #71E0A3

Split Complementary Palette

#A779DF #BA86F8 #F8F287 #F9F393 #8CF887 #7EDF7A

Square Palette

#9C71D0 #BA86F8 #F28D92 #C4F28D #87F8F2 #9AF9F4

Tetradic Palette

#996ECB #BA86F8 #FF80C6 #C5F887 #80FFB9 #97FFC6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BA86F8 contains 186 red, 134 green, and 248 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.96:1