#344E7B Color

Color Information

HEX#344E7B
RGB52, 78, 123
HSL218° , 41% , 34%
HSV218° , 58% , 48%
CMYK58%, 37%, 0%, 52%

Lighter Shades

#4C638B #65789B #7D8EAB #95A3BA #AEB8CA #C6CDDA

Darker Shades

#2E456C #283B5D #21324F #1B2940 #151F31 #0F1622

Complementary Palette

#2D436A #344E7B #69532C #7A6033 #8D7650 #50678D

Analogous Palette

#3E5C60 #446469 #314974 #344E7B #494469 #595572

Triadic Palette

#2E456C #344E7B #832A4B #924461 #4B832A #427325

Split Complementary Palette

#2F466F #344E7B #7A3D33 #875047 #717A33 #666E2E

Square Palette

#2C4267 #344E7B #723C6A #725E3C #337A3D #548F5C

Tetradic Palette

#2B4065 #344E7B #64248A #7A6033 #498A24 #6A9F4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344E7B contains 52 red, 78 green, and 123 blue.

Contrast Ratio: 8.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1