#5C63BB Color

Color Information

HEX	#5C63BB
RGB	92, 99, 187
HSL	236° , 41% , 55%
HSV	236° , 51% , 73%
CMYK	51%, 47%, 0%, 27%

Lighter Shades

#7076C3 #8388CB #979BD3 #AAAEDC #BEC1E4 #D1D3EC

Darker Shades

#5157A5 #464B8E #3B3F78 #303361 #25284B #1A1C34

Complementary Palette

#4F55A1 #5C63BB #A19C50 #BBB55D #C5BF74 #7379C5

Analogous Palette

#6F8595 #748FA4 #565DB0 #5C63BB #8974A4 #927DAA

Triadic Palette

#5157A5 #5C63BB #C7525A #CE676E #5AC752 #4FAF48

Split Complementary Palette

#5359A8 #5C63BB #BB865D #C2926D #93BB5D #84A854

Square Palette

#4D539D #5C63BB #B06991 #B0AB69 #5DBB86 #77C699

Tetradic Palette

#4B5199 #5C63BB #C749D0 #BBB55D #52D049 #71D86A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C63BB contains 92 red, 99 green, and 187 blue.

Contrast Ratio: 5.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.97:1