#5976F5 Color

Color Information

HEX	#5976F5
RGB	89, 118, 245
HSL	229° , 89% , 65%
HSV	229° , 64% , 96%
CMYK	64%, 52%, 0%, 4%

Lighter Shades

#6D86F6 #8197F7 #95A7F9 #A9B8FA #BDC8FB #D1D9FC

Darker Shades

#4E68D8 #445ABA #394C9D #2E3D7F #242F62 #192145

Complementary Palette

#4D65D3 #5976F5 #D3BA4A #F5D856 #F6DD6E #7089F6

Analogous Palette

#65ACCD #68BCE3 #546FE6 #5976F5 #8F68E3 #9975E6

Triadic Palette

#4E68D8 #5976F5 #FE4D6E #FE627F #6EFE4D #61E044

Split Complementary Palette

#506ADD #5976F5 #F58956 #F69567 #C3F556 #B0DD4D

Square Palette

#4B63CE #5976F5 #EC5FC0 #ECD25F #56F589 #71F79C

Tetradic Palette

#4961C9 #5976F5 #DE4DFF #F5D856 #6DFF4D #87FF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5976F5 contains 89 red, 118 green, and 245 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1