#5972E5 Color

Color Information

HEX#5972E5
RGB89, 114, 229
HSL229° , 73% , 62%
HSV229° , 61% , 90%
CMYK61%, 50%, 0%, 10%

Lighter Shades

#6D83E8 #8194EB #95A5EE #A9B6F1 #BDC7F5 #D1D8F8

Darker Shades

#4E64CA #4457AE #394993 #2E3B77 #242E5C #192040

Complementary Palette

#4D62C5 #5972E5 #C5AF4B #E5CB57 #E9D26F #7086E9

Analogous Palette

#65A1BD #6BB1D1 #546BD7 #5972E5 #8B6BD1 #9476D5

Triadic Palette

#4E64CA #5972E5 #EF4E6B #F1637D #6BEF4E #5ED245

Split Complementary Palette

#5067CE #5972E5 #E58457 #E89068 #B8E557 #A6CE4E

Square Palette

#4B60C0 #5972E5 #DB61B4 #DBC561 #57E584 #72E998

Tetradic Palette

#495DBC #5972E5 #D646F6 #E5CB57 #66F646 #82F867

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5972E5 contains 89 red, 114 green, and 229 blue.

Contrast Ratio: 4.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.99:1