#354F62 Color

Color Information

HEX#354F62
RGB53, 79, 98
HSL205° , 30% , 30%
HSV205° , 46% , 38%
CMYK46%, 19%, 0%, 62%

Lighter Shades

#4D6475 #657988 #7E8E9B #96A3AD #AEB9C0 #C6CED3

Darker Shades

#2F4656 #283C4A #22333F #1C2933 #152027 #0F161B

Complementary Palette

#2E4454 #354F62 #553F2E #634936 #796252 #516878

Analogous Palette

#3D5251 #415856 #324A5C #354F62 #414358 #4C4E67

Triadic Palette

#2F4656 #354F62 #6A2F51 #7C4866 #516A2F #475D29

Split Complementary Palette

#304758 #354F62 #633639 #734A4D #636036 #595631

Square Palette

#2D4252 #354F62 #593E5B #5B4A3E #396336 #597C56

Tetradic Palette

#2B4150 #354F62 #472970 #634936 #527029 #718A50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #354F62 contains 53 red, 79 green, and 98 blue.

Contrast Ratio: 8.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.4:1