#344C90 Color

Color Information

HEX#344C90
RGB52, 76, 144
HSL224° , 47% , 38%
HSV224° , 64% , 56%
CMYK64%, 47%, 0%, 44%

Lighter Shades

#4C619D #6577AB #7D8CB8 #95A2C5 #AEB7D3 #C6CDE0

Darker Shades

#2E437F #283A6D #21315C #1B284B #151E3A #0F1528

Complementary Palette

#2D417C #344C90 #7A652C #8E7633 #9E8950 #5065A0

Analogous Palette

#416671 #476F7B #314787 #344C90 #54477B #635982

Triadic Palette

#2E437F #344C90 #982A47 #A4445D #47982A #3E8625

Split Complementary Palette

#2F4482 #344C90 #8E4933 #995B47 #798E33 #6D802E

Square Palette

#2C4079 #344C90 #853D74 #85723D #338E49 #54A066

Tetradic Palette

#2B3E76 #344C90 #7E22A0 #8E7633 #44A022 #66B14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #344C90 contains 52 red, 76 green, and 144 blue.

Contrast Ratio: 8.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1