#344D64 Color

Color Information

HEX#344D64
RGB52, 77, 100
HSL209° , 32% , 30%
HSV209° , 48% , 39%
CMYK48%, 23%, 0%, 61%

Lighter Shades

#4C6277 #657889 #7D8D9C #95A2AE #AEB8C1 #C6CDD4

Darker Shades

#2E4458 #283B4C #213140 #1B2834 #151F28 #0F161C

Complementary Palette

#2D4256 #344D64 #57412D #654C34 #7B6550 #50667A

Analogous Palette

#3D5252 #415858 #31485E #344D64 #414158 #4C4C67

Triadic Palette

#2E4458 #344D64 #6D2C4E #7F4563 #4E6D2C #456027

Split Complementary Palette

#2F455A #344D64 #653435 #744849 #656434 #5B5A2F

Square Palette

#2C4154 #344D64 #5D3C5D #5D4C3C #356534 #557E54

Tetradic Palette

#2B3F52 #344D64 #4B2673 #654C34 #4E7326 #6E8C4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344D64 contains 52 red, 77 green, and 100 blue.

Contrast Ratio: 8.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1