#3A6990 Color

Color Information

HEX#3A6990
RGB58, 105, 144
HSL207° , 43% , 40%
HSV207° , 60% , 56%
CMYK60%, 27%, 0%, 44%

Lighter Shades

#527B9D #698DAB #819FB8 #99B1C5 #B0C3D3 #C8D5E0

Darker Shades

#335C7F #2C506D #25435C #1E374B #172A3A #101D28

Complementary Palette

#325A7C #3A6990 #7E5432 #92623A #A17856 #567EA0

Analogous Palette

#497472 #4F7D7B #376387 #3A6990 #4F517D #626384

Triadic Palette

#335C7F #3A6990 #9C306B #A8497D #6B9C30 #5E892A

Split Complementary Palette

#345F82 #3A6990 #923A3F #9D4E52 #928D3A #837F34

Square Palette

#315879 #3A6990 #844488 #886344 #3F923A #5EA35A

Tetradic Palette

#305676 #3A6990 #6028A4 #92623A #6CA428 #86B44F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A6990 contains 58 red, 105 green, and 144 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1