#5774F3 Color

Color Information

HEX#5774F3
RGB87, 116, 243
HSL229° , 87% , 65%
HSV229° , 64% , 95%
CMYK64%, 52%, 0%, 5%

Lighter Shades

#6B85F4 #7F95F6 #93A6F7 #A8B7F9 #BCC7FA #D0D8FC

Darker Shades

#4D66D6 #4258B9 #384A9C #2D3C7E #232E61 #182044

Complementary Palette

#4B64D1 #5774F3 #D1B94C #F3D758 #F5DD6F #6F87F5

Analogous Palette

#66ACCC #6ABCE2 #526DE4 #5774F3 #906AE2 #9977E4

Triadic Palette

#4D66D6 #5774F3 #FC4F6F #FC6480 #6FFC4F #62DE46

Split Complementary Palette

#4E68DB #5774F3 #F38958 #F49569 #C2F358 #AFDB4F

Square Palette

#4961CC #5774F3 #EA61BF #EAD161 #58F389 #73F59C

Tetradic Palette

#475FC7 #5774F3 #DE4DFF #F3D758 #6DFF4D #87FF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5774F3 contains 87 red, 116 green, and 243 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1