#3A69A1 Color

Color Information

HEX#3A69A1
RGB58, 105, 161
HSL213° , 47% , 43%
HSV213° , 64% , 63%
CMYK64%, 35%, 0%, 37%

Lighter Shades

#527BAC #698DB8 #819FC3 #99B1CE #B0C3D9 #C8D5E5

Darker Shades

#335C8E #2C507A #254367 #1E3754 #172A40 #101D2D

Complementary Palette

#325A8A #3A69A1 #8A6332 #A1733A #AE8756 #567EAE

Analogous Palette

#497C7E #50888B #376397 #3A69A1 #53508B #656392

Triadic Palette

#335C8E #3A69A1 #AC2F67 #B64879 #67AC2F #5B9729

Split Complementary Palette

#345F91 #3A69A1 #A13F3A #AA524E #9CA13A #8C9134

Square Palette

#315887 #3A69A1 #964592 #967245 #3AA13F #5AB05E

Tetradic Palette

#305684 #3A69A1 #7526B5 #A1733A #67B526 #82C24D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A69A1 contains 58 red, 105 green, and 161 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1