#5F63BC Color

Color Information

HEX	#5F63BC
RGB	95, 99, 188
HSL	237° , 41% , 55%
HSV	237° , 49% , 74%
CMYK	49%, 47%, 0%, 26%

Lighter Shades

#7276C4 #8588CC #999BD4 #ACAEDC #BFC1E4 #D2D3EC

Darker Shades

#5457A5 #484B8F #3D3F78 #313362 #26284B #1B1C35

Complementary Palette

#5255A2 #5F63BC #A19D50 #BBB75D #C5C174 #7579C5

Analogous Palette

#6F8495 #748FA4 #595DB1 #5F63BC #8A74A4 #927DAA

Triadic Palette

#5457A5 #5F63BC #C75258 #CE676C #58C752 #4DAF48

Split Complementary Palette

#5659A9 #5F63BC #BB885D #C2946D #91BB5D #83A854

Square Palette

#50539E #5F63BC #B06990 #B0AC69 #5DBB88 #77C69B

Tetradic Palette

#4E519A #5F63BC #C949D0 #BBB75D #4FD049 #6FD86A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F63BC contains 95 red, 99 green, and 188 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.01:1