#345E60 Color

Color Information

HEX#345E60
RGB52, 94, 96
HSL183° , 30% , 29%
HSV183° , 46% , 38%
CMYK46%, 2%, 0%, 62%

Lighter Shades

#4C7173 #658586 #7D9899 #95ABAC #AEBFBF #C6D2D2

Darker Shades

#2E5354 #284749 #213C3D #1B3132 #152626 #0F1A1B

Complementary Palette

#2D5153 #345E60 #532E2D #603634 #765250 #507576

Analogous Palette

#3B4F46 #3F554B #31585A #345E60 #3F4955 #4C5867

Triadic Palette

#2E5354 #345E60 #682C65 #7A4577 #65682C #595C27

Split Complementary Palette

#2F5556 #345E60 #603448 #70485A #604C34 #56442F

Square Palette

#2C4F51 #345E60 #4B3B59 #593D3B #486034 #657954

Tetradic Palette

#2B4D4F #345E60 #2A266D #603634 #6A6D26 #85874D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345E60 contains 52 red, 94 green, and 96 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1