#9A63EC Color

Color Information

HEX	#9A63EC
RGB	154, 99, 236
HSL	264° , 78% , 66%
HSV	264° , 58% , 93%
CMYK	35%, 58%, 0%, 7%

Lighter Shades

#A676EE #B288F1 #BE9BF3 #CAAEF5 #D7C1F7 #E3D3FA

Darker Shades

#8857D0 #754BB3 #633F97 #50337B #3E285E #2B1C42

Complementary Palette

#8455CB #9A63EC #9DCB57 #B6EC65 #C0EF7B #A879EF

Analogous Palette

#727AC5 #7680DB #915DDE #9A63EC #D176DB #D581DF

Triadic Palette

#8857D0 #9A63EC #F5995C #F6A570 #5CF599 #51D887

Split Complementary Palette

#8B59D4 #9A63EC #ECDE65 #EEE174 #72EC65 #67D45B

Square Palette

#8153C6 #9A63EC #E36D79 #B4E36D #65ECDE #7EEFE3

Tetradic Palette

#7E51C2 #9A63EC #FC55B9 #B6EC65 #55FC98 #74FDAB

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9A63EC contains 154 red, 99 green, and 236 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1