#3A628D Color

Color Information

HEX	#3A628D
RGB	58, 98, 141
HSL	211° , 42% , 39%
HSV	211° , 59% , 55%
CMYK	59%, 30%, 0%, 45%

Lighter Shades

#52759B #6988A8 #819BB6 #99ADC4 #B0C0D1 #C8D3DF

Darker Shades

#33567C #2C4A6B #253F5A #1E3349 #172738 #101B27

Complementary Palette

#325479 #3A628D #795732 #8D653A #9D7B56 #56789D

Analogous Palette

#486F70 #4E7979 #375C85 #3A628D #4E4E79 #605F81

Triadic Palette

#33567C #3A628D #973062 #A34975 #629730 #56852A

Split Complementary Palette

#34587F #3A628D #8D3B3A #984F4E #8C8D3A #7E7F34

Square Palette

#315276 #3A628D #834482 #836544 #3A8D3B #5A9F5A

Tetradic Palette

#305074 #3A628D #65289F #8D653A #619F28 #7DB04F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A628D contains 58 red, 98 green, and 141 blue.

Contrast Ratio: 6.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.3:1