#344D5A Color

Color Information

HEX#344D5A
RGB52, 77, 90
HSL201° , 27% , 28%
HSV201° , 42% , 35%
CMYK42%, 14%, 0%, 65%

Lighter Shades

#4C626E #657882 #7D8D95 #95A2A9 #AEB8BD #C6CDD1

Darker Shades

#2E444F #283B44 #21313A #1B282F #151F24 #0F1619

Complementary Palette

#2D424D #344D5A #4E392D #5B4234 #725C50 #506671

Analogous Palette

#384C49 #3D524F #314855 #344D5A #3D4052 #4A4E64

Triadic Palette

#2E444F #344D5A #622D4E #754663 #4E622D #455628

Split Complementary Palette

#2F4551 #344D5A #5B343A #6B484E #5B5534 #524D2F

Square Palette

#2C414C #344D5A #503B54 #54443B #3A5B34 #5A7554

Tetradic Palette

#2B3F4A #344D5A #3F2768 #5B4234 #506827 #70834E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344D5A contains 52 red, 77 green, and 90 blue.

Contrast Ratio: 9.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.3:1