#345E72 Color

Color Information

HEX#345E72
RGB52, 94, 114
HSL199° , 37% , 33%
HSV199° , 54% , 45%
CMYK54%, 18%, 0%, 55%

Lighter Shades

#4C7183 #658594 #7D98A5 #95ABB6 #AEBFC7 #C6D2D8

Darker Shades

#2E5364 #284757 #213C49 #1B313B #15262E #0F1A20

Complementary Palette

#2D5162 #345E72 #633F2E #734935 #876251 #507586

Analogous Palette

#3F5A55 #46625D #31586B #345E72 #464B62 #52586F

Triadic Palette

#2E5364 #345E72 #7C2D64 #8C4677 #647C2D #586D28

Split Complementary Palette

#2F5567 #345E72 #733540 #814953 #736835 #685E30

Square Palette

#2C4F60 #345E72 #633D6B #6B4C3D #407335 #5F8955

Tetradic Palette

#2B4D5D #345E72 #432682 #734935 #678226 #82994D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345E72 contains 52 red, 94 green, and 114 blue.

Contrast Ratio: 7.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1