#344C5E Color

Color Information

HEX#344C5E
RGB52, 76, 94
HSL206° , 29% , 29%
HSV206° , 45% , 37%
CMYK45%, 19%, 0%, 63%

Lighter Shades

#4C6171 #657785 #7D8C98 #95A2AB #AEB7BF #C6CDD2

Darker Shades

#2E4353 #283A47 #21313C #1B2831 #151E26 #0F151A

Complementary Palette

#2D4151 #344C5E #523D2E #5F4735 #756151 #506575

Analogous Palette

#3B4F4E #3F5554 #314758 #344C5E #3F4055 #4C4D67

Triadic Palette

#2E4353 #344C5E #662E4E #784763 #4E662E #455A28

Split Complementary Palette

#2F4455 #344C5E #5F3537 #6F494B #5F5D35 #565430

Square Palette

#2C404F #344C5E #563D57 #57483D #375F35 #577955

Tetradic Palette

#2B3E4D #344C5E #45286C #5F4735 #4E6C28 #6E864F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344C5E contains 52 red, 76 green, and 94 blue.

Contrast Ratio: 9.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1