#345D76 Color

Color Information

HEX	#345D76
RGB	52, 93, 118
HSL	203° , 39% , 33%
HSV	203° , 56% , 46%
CMYK	56%, 21%, 0%, 54%

Lighter Shades

#4C7086 #658497 #7D97A7 #95ABB8 #AEBEC8 #C6D2D9

Darker Shades

#2E5268 #28475A #213C4C #1B303D #15252F #0F1A21

Complementary Palette

#2D5065 #345D76 #65412C #754C33 #886550 #507489

Analogous Palette

#3E5B57 #446460 #31576F #345D76 #444864 #52566F

Triadic Palette

#2E5268 #345D76 #7D2B5E #8D4471 #5E7D2B #536E26

Split Complementary Palette

#2F546A #345D76 #75333B #83474F #756D33 #69622E

Square Palette

#2C4E63 #345D76 #673C6D #6D4E3C #3B7533 #5A8B54

Tetradic Palette

#2B4C61 #345D76 #492484 #754C33 #5F8424 #7C9A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345D76 contains 52 red, 93 green, and 118 blue.

Contrast Ratio: 7.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.95:1