#3A70EE Color

Color Information

HEX	#3A70EE
RGB	58, 112, 238
HSL	222° , 84% , 58%
HSV	222° , 76% , 93%
CMYK	76%, 53%, 0%, 7%

Lighter Shades

#5281F0 #6992F2 #81A3F4 #99B5F6 #B0C6F8 #C8D7FA

Darker Shades

#3363D1 #2C55B5 #254898 #1E3A7C #172D5F #101F43

Complementary Palette

#3260CD #3A70EE #CD9E32 #EEB83A #F0C256 #5684F0

Analogous Palette

#4BABC3 #4FBDD8 #3769E0 #3A70EE #6B4FD8 #755CDB

Triadic Palette

#3363D1 #3A70EE #F92F6C #FA487E #6CF92F #5FDB29

Split Complementary Palette

#3465D6 #3A70EE #EE5E3A #F06E4E #CAEE3A #B6D634

Square Palette

#315EC8 #3A70EE #E345C3 #E3B445 #3AEE5E #5AF178

Tetradic Palette

#305CC3 #3A70EE #BF29FF #EEB83A #69FF29 #84FF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A70EE contains 58 red, 112 green, and 238 blue.

Contrast Ratio: 4.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.74:1