#345649 Color

Color Information

HEX#345649
RGB52, 86, 73
HSL157° , 25% , 27%
HSV157° , 40% , 34%
CMYK40%, 0%, 15%, 66%

Lighter Shades

#4C6A5F #657F75 #7D938B #95A7A0 #AEBBB6 #C6D0CC

Darker Shades

#2E4C40 #284137 #21372F #1B2D26 #15221D #0F1814

Complementary Palette

#2D4A3F #345649 #4A2D38 #563441 #6E505C #506E62

Analogous Palette

#364939 #3B4F3D #315145 #345649 #3B4D4F #485D61

Triadic Palette

#2E4C40 #345649 #4A2D5D #604670 #5D4A2D #524128

Split Complementary Palette

#2F4D42 #345649 #563452 #674863 #563834 #4D322F

Square Palette

#2C483D #345649 #3D3B4F #4F3B42 #525634 #6E7154

Tetradic Palette

#2B473C #345649 #273E62 #563441 #624C27 #7E6C4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345649 contains 52 red, 86 green, and 73 blue.

Contrast Ratio: 8.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1