#3A70E4 Color

Color Information

HEX#3A70E4
RGB58, 112, 228
HSL221° , 76% , 56%
HSV221° , 75% , 89%
CMYK75%, 51%, 0%, 11%

Lighter Shades

#5281E7 #6992EA #81A3EE #99B5F1 #B0C6F4 #C8D7F7

Darker Shades

#3363C9 #2C55AD #254892 #1E3A77 #172D5B #101F40

Complementary Palette

#3260C4 #3A70E4 #C49632 #E4AE3A #E8B956 #5684E8

Analogous Palette

#4FA7BA #50B7CE #3769D6 #3A70E4 #6750CE #7560D2

Triadic Palette

#3363C9 #3A70E4 #EF2E6B #F1477D #6BEF2E #5ED228

Split Complementary Palette

#3465CD #3A70E4 #E4593A #E76A4E #C5E43A #B1CD34

Square Palette

#315EC0 #3A70E4 #D945BE #D9AA45 #3AE459 #5AE874

Tetradic Palette

#305CBB #3A70E4 #B525F8 #E4AE3A #68F825 #83F94C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A70E4 contains 58 red, 112 green, and 228 blue.

Contrast Ratio: 4.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.63:1