#344BA4 Color

Color Information

HEX	#344BA4
RGB	52, 75, 164
HSL	228° , 52% , 42%
HSV	228° , 68% , 64%
CMYK	68%, 54%, 0%, 36%

Lighter Shades

#4C61AF #6576BA #7D8CC5 #95A1D0 #AEB7DB #C6CDE6

Darker Shades

#2E4290 #28397D #213069 #1B2755 #151E42 #0F152E

Complementary Palette

#2D418D #344BA4 #8C792C #A38D33 #B09D50 #5064B1

Analogous Palette

#447083 #49798D #31479A #344BA4 #5D498D #6B5A90

Triadic Palette

#2E4290 #344BA4 #AE2943 #B8435A #43AE29 #3B9924

Split Complementary Palette

#2F4494 #344BA4 #A35533 #AC6647 #81A333 #74932E

Square Palette

#2C3F8A #344BA4 #983E7D #98863E #33A355 #54B270

Tetradic Palette

#2B3E86 #344BA4 #9820B6 #A38D33 #3EB620 #61C348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344BA4 contains 52 red, 75 green, and 164 blue.

Contrast Ratio: 7.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1