#344AA6 Color

Color Information

HEX	#344AA6
RGB	52, 74, 166
HSL	228° , 52% , 43%
HSV	228° , 69% , 65%
CMYK	69%, 55%, 0%, 35%

Lighter Shades

#4C60B1 #6575BB #7D8BC6 #95A1D1 #AEB7DB #C6CCE6

Darker Shades

#2E4192 #28387E #212F6A #1B2656 #151E42 #0F152E

Complementary Palette

#2D408F #344AA6 #907C2E #A79035 #B3A051 #5063B2

Analogous Palette

#457287 #4B7C91 #31469C #344AA6 #604B91 #6F5E97

Triadic Palette

#2E4192 #344AA6 #B22A45 #BB445B #45B22A #3D9D25

Split Complementary Palette

#2F4395 #344AA6 #A75735 #B06849 #84A735 #779630

Square Palette

#2C3E8B #344AA6 #9C4080 #9C8940 #35A757 #55B572

Tetradic Palette

#2B3D88 #344AA6 #9C21BA #A79035 #40BA21 #62C649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344AA6 contains 52 red, 74 green, and 166 blue.

Contrast Ratio: 7.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.63:1