#34497A Color

Color Information

HEX#34497A
RGB52, 73, 122
HSL222° , 40% , 34%
HSV222° , 57% , 48%
CMYK57%, 40%, 0%, 52%

Lighter Shades

#4C5F8A #65759A #7D8BAA #95A0BA #AEB6CA #C6CCDA

Darker Shades

#2E406B #28375D #212F4E #1B263F #151D31 #0F1422

Complementary Palette

#2D3F69 #34497A #68572D #796534 #8C7B50 #50628D

Analogous Palette

#3F595F #456268 #314573 #34497A #4C4568 #5A5572

Triadic Palette

#2E406B #34497A #822B45 #91445B #45822B #3D7226

Split Complementary Palette

#2F426E #34497A #794234 #865548 #6C7934 #616D2F

Square Palette

#2C3D66 #34497A #713D67 #71623D #347942 #548E60

Tetradic Palette

#2B3C64 #34497A #6C2489 #796534 #438924 #659E4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #34497A contains 52 red, 73 green, and 122 blue.

Contrast Ratio: 9.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1