#344D55 Color

Color Information

HEX#344D55
RGB52, 77, 85
HSL195° , 24% , 27%
HSV195° , 39% , 33%
CMYK39%, 9%, 0%, 67%

Lighter Shades

#4C6269 #65787E #7D8D92 #95A2A7 #AEB8BB #C6CDCF

Darker Shades

#2E444B #283B41 #213136 #1B282C #151F22 #0F1618

Complementary Palette

#2D4249 #344D55 #49342D #553D34 #6D5850 #50666D

Analogous Palette

#364945 #3B4F4A #314850 #344D55 #3B404F #484F61

Triadic Palette

#2E444B #344D55 #5C2D51 #704666 #515C2D #475128

Split Complementary Palette

#2F454D #344D55 #55343D #664850 #554D34 #4D452F

Square Palette

#2C4147 #344D55 #4A3B4F #4F403B #3D5534 #5C7054

Tetradic Palette

#2B3F46 #344D55 #372862 #553D34 #536228 #727E4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344D55 contains 52 red, 77 green, and 85 blue.

Contrast Ratio: 9.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1