#344096 Color

Color Information

HEX#344096
RGB52, 64, 150
HSL233° , 49% , 40%
HSV233° , 65% , 59%
CMYK65%, 57%, 0%, 41%

Lighter Shades

#4C57A3 #656EAF #7D85BC #959CC8 #AEB3D5 #C6CAE2

Darker Shades

#2E3884 #283172 #212960 #1B214E #151A3C #0F122A

Complementary Palette

#2D3781 #344096 #83782D #988C34 #A69C50 #505BA5

Analogous Palette

#43657A #486D84 #313C8D #344096 #5F4884 #6D5C8A

Triadic Palette

#2E3884 #344096 #A22A38 #AD4450 #38A22A #318F25

Split Complementary Palette

#2F3A87 #344096 #985A34 #A26B48 #729834 #67892F

Square Palette

#2C367E #344096 #8E3E6F #8E843E #34985A #54A874

Tetradic Palette

#2B347B #344096 #9A22AA #988C34 #32AA22 #57B94A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344096 contains 52 red, 64 green, and 150 blue.

Contrast Ratio: 9.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1