#34496D Color

Color Information

HEX	#34496D
RGB	52, 73, 109
HSL	218° , 35% , 32%
HSV	218° , 52% , 43%
CMYK	52%, 33%, 0%, 57%

Lighter Shades

#4C5F7F #657590 #7D8BA2 #95A0B3 #AEB6C5 #C6CCD6

Darker Shades

#2E4060 #283753 #212F46 #1B2639 #151D2C #0F141F

Complementary Palette

#2D3F5E #34496D #5F4D2E #6E5935 #827051 #506281

Analogous Palette

#3F5255 #455B5E #314566 #34496D #49455E #54506D

Triadic Palette

#2E4060 #34496D #762D48 #86465E #48762D #3F6828

Split Complementary Palette

#2F4262 #34496D #6E3D35 #7D5049 #676E35 #5D6330

Square Palette

#2C3D5C #34496D #663D61 #66573D #356E3D #55855C

Tetradic Palette

#2B3C59 #34496D #5D267D #6E5935 #467D26 #67944D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #34496D contains 52 red, 73 green, and 109 blue.

Contrast Ratio: 9.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1