#344E69 Color

Color Information

HEX	#344E69
RGB	52, 78, 105
HSL	211° , 34% , 31%
HSV	211° , 50% , 41%
CMYK	50%, 26%, 0%, 59%

Lighter Shades

#4C637B #65788D #7D8E9F #95A3B1 #AEB8C3 #C6CDD5

Darker Shades

#2E455C #283B50 #213243 #1B2937 #151F2A #0F161D

Complementary Palette

#2D435A #344E69 #5B452D #6A5034 #7F6950 #50677E

Analogous Palette

#3F5555 #435B5B #314963 #344E69 #44435B #4E4E6A

Triadic Palette

#2E455C #344E69 #722C4E #834563 #4E722C #456427

Split Complementary Palette

#2F465F #344E69 #6A3534 #794948 #696A34 #5F5F2F

Square Palette

#2C4258 #344E69 #623C61 #62503C #346A35 #548255

Tetradic Palette

#2B4056 #344E69 #502678 #6A5034 #4E7826 #6E904D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344E69 contains 52 red, 78 green, and 105 blue.

Contrast Ratio: 8.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.39:1