#3A77EA Color

Color Information

HEX	#3A77EA
RGB	58, 119, 234
HSL	219° , 81% , 57%
HSV	219° , 75% , 92%
CMYK	75%, 49%, 0%, 8%

Lighter Shades

#5287ED #6998EF #81A8F2 #99B8F4 #B0C9F7 #C8D9F9

Darker Shades

#3369CE #2C5AB2 #254C96 #1E3E7A #17305E #102142

Complementary Palette

#3266C9 #3A77EA #C99431 #EAAC39 #EDB855 #568AED

Analogous Palette

#4BADBE #4EC0D4 #3770DC #3A77EA #634ED4 #715FD8

Triadic Palette

#3369CE #3A77EA #F52E73 #F64784 #73F52E #65D828

Split Complementary Palette

#346BD3 #3A77EA #EA5339 #EC644D #D0EA39 #BBD333

Square Palette

#3164C5 #3A77EA #DF43C8 #DFA943 #39EA53 #59ED6F

Tetradic Palette

#3062C0 #3A77EA #B225FE #EAAC39 #71FE25 #8BFE4C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A77EA contains 58 red, 119 green, and 234 blue.

Contrast Ratio: 4.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.03:1