#344465 Color

Color Information

HEX#344465
RGB52, 68, 101
HSL220° , 32% , 30%
HSV220° , 49% , 40%
CMYK49%, 33%, 0%, 60%

Lighter Shades

#4C5A77 #65718A #7D879C #959EAF #AEB4C1 #C6CBD4

Darker Shades

#2E3C59 #28344D #212C41 #1B2335 #151B28 #0F131C

Complementary Palette

#2D3A57 #344465 #57492D #655534 #7B6D50 #505E7B

Analogous Palette

#3D4F52 #415458 #31405F #344465 #454158 #514C67

Triadic Palette

#2E3C59 #344465 #6D2C42 #7F4559 #426D2C #3A6027

Split Complementary Palette

#2F3D5B #344465 #653C34 #745048 #5D6534 #545B2F

Square Palette

#2C3955 #344465 #5D3C58 #5D523C #34653C #547E5B

Tetradic Palette

#2B3853 #344465 #592673 #655534 #407326 #628C4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344465 contains 52 red, 68 green, and 101 blue.

Contrast Ratio: 10.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1