#344C68 Color

Color Information

HEX#344C68
RGB52, 76, 104
HSL212° , 33% , 31%
HSV212° , 50% , 41%
CMYK50%, 27%, 0%, 59%

Lighter Shades

#4C617A #65778C #7D8C9E #95A2B0 #AEB7C3 #C6CDD5

Darker Shades

#2E435C #283A4F #213143 #1B2836 #151E2A #0F151D

Complementary Palette

#2D4159 #344C68 #5A462E #695135 #7E6951 #50657D

Analogous Palette

#3F5455 #435A5B #314762 #344C68 #44435B #4F4E6A

Triadic Palette

#2E435C #344C68 #712D4D #824662 #4D712D #446328

Split Complementary Palette

#2F445E #344C68 #693735 #784B49 #676935 #5D5F30

Square Palette

#2C4057 #344C68 #613D60 #61503D #356937 #558157

Tetradic Palette

#2B3E55 #344C68 #522777 #695135 #4C7727 #6C8F4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344C68 contains 52 red, 76 green, and 104 blue.

Contrast Ratio: 9.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1