#344E67 Color

Color Information

HEX#344E67
RGB52, 78, 103
HSL209° , 33% , 30%
HSV209° , 50% , 40%
CMYK50%, 24%, 0%, 60%

Lighter Shades

#4C6379 #65788B #7D8E9E #95A3B0 #AEB8C2 #C6CDD4

Darker Shades

#2E455B #283B4E #213242 #1B2936 #151F29 #0F161D

Complementary Palette

#2D4359 #344E67 #58412C #664C33 #7B6550 #50677C

Analogous Palette

#3D5252 #415858 #314961 #344E67 #414158 #4C4C67

Triadic Palette

#2E455B #344E67 #6D2C4E #7F4563 #4E6D2C #456027

Split Complementary Palette

#2F465D #344E67 #663334 #754748 #666533 #5C5B2E

Square Palette

#2C4257 #344E67 #5E3B5E #5E4C3B #346633 #547E54

Tetradic Palette

#2B4054 #344E67 #4B2574 #664C33 #4E7425 #6E8D4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344E67 contains 52 red, 78 green, and 103 blue.

Contrast Ratio: 8.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1