#344A84 Color

Color Information

HEX#344A84
RGB52, 74, 132
HSL224° , 43% , 36%
HSV224° , 61% , 52%
CMYK61%, 44%, 0%, 48%

Lighter Shades

#4C6093 #6575A2 #7D8BB0 #95A1BF #AEB7CE #C6CCDD

Darker Shades

#2E4174 #283864 #212F54 #1B2645 #151E35 #0F1525

Complementary Palette

#2D4072 #344A84 #715F2D #836E34 #948250 #506395

Analogous Palette

#415E68 #476771 #31467C #344A84 #514771 #615978

Triadic Palette

#2E4174 #344A84 #8C2B45 #9A445B #458C2B #3D7B26

Split Complementary Palette

#2F4377 #344A84 #834734 #8F5948 #718334 #66762F

Square Palette

#2C3E6F #344A84 #7A3E6C #7A6A3E #348347 #549764

Tetradic Palette

#2B3D6C #344A84 #762494 #836E34 #429424 #64A74B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344A84 contains 52 red, 74 green, and 132 blue.

Contrast Ratio: 8.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1