#2D4A90 Color

Color Information

HEX	#2D4A90
RGB	45, 74, 144
HSL	222° , 52% , 37%
HSV	222° , 69% , 56%
CMYK	69%, 49%, 0%, 44%

Lighter Shades

#46609D #5F75AB #798BB8 #92A1C5 #ABB7D3 #C4CCE0

Darker Shades

#28417F #22386D #1D2F5C #17264B #121E3A #0D1528

Complementary Palette

#27407C #2D4A90 #7B6227 #8F722D #9F864A #4A63A0

Analogous Palette

#3A6873 #40707D #2A4687 #2D4A90 #4C407D #5D5483

Triadic Palette

#28417F #2D4A90 #992447 #A53E5D #479924 #3E8720

Split Complementary Palette

#294382 #2D4A90 #8F412D #9A5442 #7C8F2D #708129

Square Palette

#263E79 #2D4A90 #863776 #866E37 #2D8F41 #4FA15F

Tetradic Palette

#253D76 #2D4A90 #791CA0 #8F722D #44A01C #66B145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4A90 contains 45 red, 74 green, and 144 blue.

Contrast Ratio: 8.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1