#344BAD Color

Color Information

HEX#344BAD
RGB52, 75, 173
HSL229° , 54% , 44%
HSV229° , 70% , 68%
CMYK70%, 57%, 0%, 32%

Lighter Shades

#4C61B7 #6576C1 #7D8CCB #95A1D4 #AEB7DE #C6CDE8

Darker Shades

#2E4298 #283983 #21306F #1B275A #151E45 #0F1530

Complementary Palette

#2D4195 #344BAD #95822D #AD9734 #B8A650 #5064B8

Analogous Palette

#45768C #4A7E96 #3147A3 #344BAD #624A96 #715E9C

Triadic Palette

#2E4298 #344BAD #B82843 #C1425A #43B828 #3BA223

Split Complementary Palette

#2F449C #344BAD #AD5A34 #B56B48 #86AD34 #799C2F

Square Palette

#2C3F91 #344BAD #A23F82 #A28F3F #34AD5A #54BA74

Tetradic Palette

#2B3E8E #344BAD #A31FC1 #AD9734 #3DC11F #60CC47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344BAD contains 52 red, 75 green, and 173 blue.

Contrast Ratio: 7.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1