#344E83 Color

Color Information

HEX#344E83
RGB52, 78, 131
HSL220° , 43% , 36%
HSV220° , 60% , 51%
CMYK60%, 40%, 0%, 49%

Lighter Shades

#4C6392 #6578A1 #7D8EB0 #95A3BF #AEB8CD #C6CDDC

Darker Shades

#2E4573 #283B64 #213254 #1B2944 #151F34 #0F1625

Complementary Palette

#2D4371 #344E83 #715A2D #836934 #947E50 #506794

Analogous Palette

#416168 #476A71 #31497B #344E83 #4E4771 #5E5978

Triadic Palette

#2E4573 #344E83 #8C2B4D #9A4462 #4D8C2B #447B26

Split Complementary Palette

#2F4676 #344E83 #834134 #8F5448 #768334 #6A762F

Square Palette

#2C426E #344E83 #7A3E70 #7A663E #348341 #54975F

Tetradic Palette

#2B406B #344E83 #6E2494 #836934 #4B9424 #6BA74B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344E83 contains 52 red, 78 green, and 131 blue.

Contrast Ratio: 8.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.52:1