#3A72EC Color

Color Information

HEX	#3A72EC
RGB	58, 114, 236
HSL	221° , 82% , 58%
HSV	221° , 75% , 93%
CMYK	75%, 52%, 0%, 7%

Lighter Shades

#5283EE #6994F1 #81A5F3 #99B6F5 #B0C7F7 #C8D8FA

Darker Shades

#3364D0 #2C57B3 #254997 #1E3B7B #172E5E #102042

Complementary Palette

#3262CB #3A72EC #CB9B34 #ECB43C #EFBF57 #5686EF

Analogous Palette

#4EACC1 #51BED6 #376BDE #3A72EC #6A51D6 #7761DB

Triadic Palette

#3364D0 #3A72EC #F63170 #F74A81 #70F631 #63D82B

Split Complementary Palette

#3467D4 #3A72EC #EC5C3C #EE6C50 #CCEC3C #B8D436

Square Palette

#3160C6 #3A72EC #E147C5 #E1B047 #3CEC5C #5BEF76

Tetradic Palette

#305DC2 #3A72EC #BB29FF #ECB43C #6DFF29 #87FF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A72EC contains 58 red, 114 green, and 236 blue.

Contrast Ratio: 4.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.82:1