#354479 Color

Color Information

HEX	#354479
RGB	53, 68, 121
HSL	227° , 39% , 34%
HSV	227° , 56% , 47%
CMYK	56%, 44%, 0%, 53%

Lighter Shades

#4D5A89 #657199 #7E87A9 #969EB9 #AEB4C9 #C6CBD9

Darker Shades

#2F3C6A #28345C #222C4D #1C233F #151B30 #0F1322

Complementary Palette

#2E3A68 #354479 #685B2E #796A35 #8C7F51 #515E8C

Analogous Palette

#40565E #465D67 #324072 #354479 #504667 #5D5572

Triadic Palette

#2F3C6A #354479 #812C3F #904556 #3F812C #377227

Split Complementary Palette

#303D6D #354479 #794835 #865A49 #657935 #5B6D30

Square Palette

#2D3966 #354479 #703E61 #70653E #357948 #558E65

Tetradic Palette

#2B3863 #354479 #732588 #796A35 #3B8825 #5E9D4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #354479 contains 53 red, 68 green, and 121 blue.

Contrast Ratio: 9.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1