#345640 Color

Color Information

HEX#345640
RGB52, 86, 64
HSL141° , 25% , 27%
HSV141° , 40% , 34%
CMYK40%, 0%, 26%, 66%

Lighter Shades

#4C6A57 #657F6E #7D9385 #95A79C #AEBBB3 #C6D0CA

Darker Shades

#2E4C38 #284131 #213729 #1B2D21 #15221A #0F1812

Complementary Palette

#2D4A37 #345640 #4A2D40 #56344A #6E5063 #506E5B

Analogous Palette

#394936 #3E4F3B #31513C #345640 #3B4F4C #48615D

Triadic Palette

#2E4C38 #345640 #3E2D5D #554670 #5D3E2D #523728

Split Complementary Palette

#2F4D3A #345640 #513456 #624867 #563439 #4D2F33

Square Palette

#2C4836 #345640 #3B3E4F #4F3B48 #565134 #716D54

Tetradic Palette

#2B4734 #345640 #274E62 #56344A #623C27 #7E5F4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345640 contains 52 red, 86 green, and 64 blue.

Contrast Ratio: 8.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1