#5977FF Color

Color Information

HEX	#5977FF
RGB	89, 119, 255
HSL	229° , 100% , 67%
HSV	229° , 65% , 100%
CMYK	65%, 53%, 0%, 0%

Lighter Shades

#6D87FF #8198FF #95A8FF #A9B8FF #BDC9FF #D1D9FF

Darker Shades

#4E69E0 #445AC2 #394CA3 #2E3E85 #243066 #192147

Complementary Palette

#4D66DB #5977FF #DBC14B #FFE057 #FFE46F #708AFF

Analogous Palette

#65B3D7 #68C4EE #5470F0 #5977FF #9268EE #9C75F0

Triadic Palette

#4E69E0 #5977FF #FF5776 #FF6B86 #76FF57 #68E04D

Split Complementary Palette

#506BE6 #5977FF #FF8C57 #FF9868 #CAFF57 #B6E64E

Square Palette

#4B64D6 #5977FF #F75FC7 #F7DB5F #57FF8C #72FF9E

Tetradic Palette

#4962D1 #5977FF #E057FF #FFE057 #76FF57 #8FFF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5977FF contains 89 red, 119 green, and 255 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1