#345478 Color

Color Information

HEX	#345478
RGB	52, 84, 120
HSL	212° , 40% , 34%
HSV	212° , 57% , 47%
CMYK	57%, 30%, 0%, 53%

Lighter Shades

#4C6988 #657D98 #7D92A9 #95A6B9 #AEBBC9 #C6CFD9

Darker Shades

#2E4A6A #28405B #21364D #1B2C3E #152230 #0F1822

Complementary Palette

#2D4867 #345478 #684D2D #795934 #8C7050 #506C8B

Analogous Palette

#3F5E5F #456768 #314F71 #345478 #474568 #565572

Triadic Palette

#2E4A6A #345478 #822B54 #914469 #54822B #4A7226

Split Complementary Palette

#2F4C6C #345478 #793634 #864A48 #777934 #6B6D2F

Square Palette

#2C4765 #345478 #713D6F #71583D #347936 #548E56

Tetradic Palette

#2B4562 #345478 #5A2489 #795934 #538924 #729E4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345478 contains 52 red, 84 green, and 120 blue.

Contrast Ratio: 7.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.65:1