#344D69 Color

Color Information

HEX#344D69
RGB52, 77, 105
HSL212° , 34% , 31%
HSV212° , 50% , 41%
CMYK50%, 27%, 0%, 59%

Lighter Shades

#4C627B #65788D #7D8D9F #95A2B1 #AEB8C3 #C6CDD5

Darker Shades

#2E445C #283B50 #213143 #1B2837 #151F2A #0F161D

Complementary Palette

#2D425A #344D69 #5B462D #6A5134 #7F6950 #50667E

Analogous Palette

#3F5455 #435A5B #314863 #344D69 #44435B #4F4E6A

Triadic Palette

#2E445C #344D69 #722C4D #834562 #4D722C #446427

Split Complementary Palette

#2F455F #344D69 #6A3634 #794A48 #686A34 #5E5F2F

Square Palette

#2C4158 #344D69 #623C61 #62503C #346A36 #548256

Tetradic Palette

#2B3F56 #344D69 #522678 #6A5134 #4C7826 #6C904D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344D69 contains 52 red, 77 green, and 105 blue.

Contrast Ratio: 8.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1