#345480 Color

Color Information

HEX#345480
RGB52, 84, 128
HSL215° , 42% , 35%
HSV215° , 59% , 50%
CMYK59%, 34%, 0%, 50%

Lighter Shades

#4C698F #657D9E #7D92AE #95A6BD #AEBBCC #C6CFDB

Darker Shades

#2E4A71 #284061 #213652 #1B2C43 #152233 #0F1824

Complementary Palette

#2D486E #345480 #6D522D #7F5F34 #917550 #506C92

Analogous Palette

#406064 #46696D #314F78 #345480 #49466D #595775

Triadic Palette

#2E4A71 #345480 #882B52 #964467 #52882B #487826

Split Complementary Palette

#2F4C73 #345480 #7F3A34 #8C4E48 #787F34 #6C722F

Square Palette

#2C476C #345480 #763D70 #765D3D #347F3A #54935A

Tetradic Palette

#2B4569 #345480 #60248F #7F5F34 #508F24 #70A34B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345480 contains 52 red, 84 green, and 128 blue.

Contrast Ratio: 7.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1