#3A72CF Color

Color Information

HEX#3A72CF
RGB58, 114, 207
HSL217° , 61% , 52%
HSV217° , 72% , 81%
CMYK72%, 45%, 0%, 19%

Lighter Shades

#5283D5 #6994DB #81A5E0 #99B6E6 #B0C7EC #C8D8F2

Darker Shades

#3364B6 #2C579D #254984 #1E3B6C #172E53 #10203A

Complementary Palette

#3262B2 #3A72CF #B28132 #CF963A #D6A556 #5686D6

Analogous Palette

#4E9CA6 #52ABB7 #376BC3 #3A72CF #5E52B7 #6C61BD

Triadic Palette

#3364B6 #3A72CF #DC2E70 #E04781 #70DC2E #63C228

Split Complementary Palette

#3467BA #3A72CF #CF4B3A #D45D4E #BECF3A #ABBA34

Square Palette

#3160AE #3A72CF #C346B4 #C39346 #3ACF4B #5AD768

Tetradic Palette

#305DAA #3A72CF #9B24E5 #CF963A #6EE524 #88EA4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A72CF contains 58 red, 114 green, and 207 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.51:1