#344A49 Color

Color Information

HEX#344A49
RGB52, 74, 73
HSL177° , 17% , 25%
HSV177° , 30% , 29%
CMYK30%, 0%, 1%, 71%

Lighter Shades

#4C605F #657575 #7D8B8B #95A1A0 #AEB7B6 #C6CCCC

Darker Shades

#2E4140 #283837 #212F2F #1B2626 #151E1D #0F1514

Complementary Palette

#2D403F #344A49 #412E2E #4B3536 #645152 #506362

Analogous Palette

#32433A #36493F #314645 #344A49 #364149 #43505B

Triadic Palette

#2E4140 #344A49 #4F2F51 #644866 #514F2F #474629

Split Complementary Palette

#2F4342 #344A49 #4B3541 #5D4954 #4B3F35 #443930

Square Palette

#2C3E3D #344A49 #3F3649 #493637 #414B35 #5F6855

Tetradic Palette

#2B3D3C #344A49 #292C56 #4B3536 #565429 #747350

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344A49 contains 52 red, 74 green, and 73 blue.

Contrast Ratio: 9.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.16:1