#344C99 Color

Color Information

HEX	#344C99
RGB	52, 76, 153
HSL	226° , 49% , 40%
HSV	226° , 66% , 60%
CMYK	66%, 50%, 0%, 40%

Lighter Shades

#4C61A5 #6577B1 #7D8CBE #95A2CA #AEB7D6 #C6CDE2

Darker Shades

#2E4387 #283A74 #213162 #1B2850 #151E3D #0F152B

Complementary Palette

#2D4184 #344C99 #836F2D #988134 #A69350 #5065A7

Analogous Palette

#436B7A #487484 #314790 #344C99 #584884 #685C8A

Triadic Palette

#2E4387 #344C99 #A22A46 #AD445C #46A22A #3E8F25

Split Complementary Palette

#2F448A #344C99 #984F34 #A26148 #7D9834 #71892F

Square Palette

#2C4081 #344C99 #8E3E79 #8E7B3E #34984F #54A86B

Tetradic Palette

#2B3E7D #344C99 #8A22AA #988134 #42AA22 #64B94A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344C99 contains 52 red, 76 green, and 153 blue.

Contrast Ratio: 8.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1