#344B97 Color

Color Information

HEX#344B97
RGB52, 75, 151
HSL226° , 49% , 40%
HSV226° , 66% , 59%
CMYK66%, 50%, 0%, 41%

Lighter Shades

#4C61A3 #6576B0 #7D8CBC #95A1C9 #AEB7D5 #C6CDE2

Darker Shades

#2E4285 #283973 #213061 #1B274F #151E3C #0F152A

Complementary Palette

#2D4182 #344B97 #836F2D #988134 #A69350 #5064A6

Analogous Palette

#436B7A #487484 #31478E #344B97 #584884 #685C8A

Triadic Palette

#2E4285 #344B97 #A22A46 #AD445C #46A22A #3E8F25

Split Complementary Palette

#2F4488 #344B97 #984F34 #A26148 #7D9834 #71892F

Square Palette

#2C3F7F #344B97 #8E3E79 #8E7B3E #34984F #54A86B

Tetradic Palette

#2B3E7C #344B97 #8A22AA #988134 #42AA22 #64B94A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344B97 contains 52 red, 75 green, and 151 blue.

Contrast Ratio: 8.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1