#345E86 Color

Color Information

HEX#345E86
RGB52, 94, 134
HSL209° , 44% , 36%
HSV209° , 61% , 53%
CMYK61%, 30%, 0%, 47%

Lighter Shades

#4C7195 #6585A3 #7D98B2 #95ABC0 #AEBFCF #C6D2DD

Darker Shades

#2E5376 #284766 #213C56 #1B3146 #152636 #0F1A26

Complementary Palette

#2D5173 #345E86 #724D2C #845A33 #957150 #507597

Analogous Palette

#406868 #467271 #31587E #345E86 #464772 #585979

Triadic Palette

#2E5376 #345E86 #8D2A5D #9B4470 #5D8D2A #527C25

Split Complementary Palette

#2F5579 #345E86 #843335 #904749 #848333 #77762E

Square Palette

#2C4F71 #345E86 #7A3D7B #7B5B3D #358433 #559854

Tetradic Palette

#2B4D6E #345E86 #5A2395 #845A33 #5E9523 #7BA84B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345E86 contains 52 red, 94 green, and 134 blue.

Contrast Ratio: 6.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1