#3A699E Color

Color Information

HEX#3A699E
RGB58, 105, 158
HSL212° , 46% , 42%
HSV212° , 63% , 62%
CMYK63%, 34%, 0%, 38%

Lighter Shades

#527BAA #698DB5 #819FC1 #99B1CD #B0C3D8 #C8D5E4

Darker Shades

#335C8B #2C5078 #254365 #1E3752 #172A3F #101D2C

Complementary Palette

#325A88 #3A699E #865F32 #9C6E3A #AA8256 #567EAC

Analogous Palette

#4A7C7D #4F8587 #376395 #3A699E #514F87 #64628D

Triadic Palette

#335C8B #3A699E #A72F67 #B24879 #67A72F #5B9329

Split Complementary Palette

#345F8E #3A699E #9C3D3A #A6504E #999C3A #8A8C34

Square Palette

#315885 #3A699E #92458F #926E45 #3A9C3D #5AAC5C

Tetradic Palette

#305682 #3A699E #7027B0 #9C6E3A #67B027 #82BE4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A699E contains 58 red, 105 green, and 158 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1