#3AA0E4 Color

Color Information

HEX#3AA0E4
RGB58, 160, 228
HSL204° , 76% , 56%
HSV204° , 75% , 89%
CMYK75%, 30%, 0%, 11%

Lighter Shades

#52ABE7 #69B7EA #81C2EE #99CEF1 #B0D9F4 #C8E4F7

Darker Shades

#338DC9 #2C7AAD #256692 #1E5377 #17405B #102D40

Complementary Palette

#328AC4 #3AA0E4 #C46C32 #E47E3A #E89056 #56ADE8

Analogous Palette

#4FBAB0 #50CEC1 #3796D6 #3AA0E4 #505DCE #606BD2

Triadic Palette

#338DC9 #3AA0E4 #EF2EA2 #F147AD #A2EF2E #8FD228

Split Complementary Palette

#3490CD #3AA0E4 #E43A4B #E74E5D #E4D33A #CDBE34

Square Palette

#3186C0 #3AA0E4 #CA45D9 #D98045 #4BE43A #68E85A

Tetradic Palette

#3083BB #3AA0E4 #7A25F8 #E47E3A #A4F825 #B4F94C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AA0E4 contains 58 red, 160 green, and 228 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.42:1