#344F93 Color

Color Information

HEX	#344F93
RGB	52, 79, 147
HSL	223° , 48% , 39%
HSV	223° , 65% , 58%
CMYK	65%, 46%, 0%, 42%

Lighter Shades

#4C64A0 #6579AD #7D8EBA #95A3C7 #AEB9D4 #C6CEE1

Darker Shades

#2E4681 #283C70 #21335E #1B294C #15203B #0F1629

Complementary Palette

#2D447E #344F93 #7E672D #937834 #A28B50 #5068A2

Analogous Palette

#426B76 #48737F #314A8A #344F93 #54487F #645B86

Triadic Palette

#2E4681 #344F93 #9D2A4A #A94460 #4A9D2A #418A25

Split Complementary Palette

#2F4784 #344F93 #934834 #9E5A48 #7F9334 #72842F

Square Palette

#2C427B #344F93 #893E79 #89743E #349348 #54A465

Tetradic Palette

#2B4179 #344F93 #8022A5 #937834 #47A522 #68B54A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344F93 contains 52 red, 79 green, and 147 blue.

Contrast Ratio: 7.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1