#2A48A0 Color

Color Information

HEX#2A48A0
RGB42, 72, 160
HSL225° , 58% , 40%
HSV225° , 74% , 63%
CMYK74%, 55%, 0%, 37%

Lighter Shades

#445EAB #5D74B7 #778AC2 #90A0CE #AAB6D9 #C3CCE4

Darker Shades

#253F8D #20377A #1B2E66 #162553 #111D40 #0C142D

Complementary Palette

#243E8A #2A48A0 #8A7225 #A1842B #AE9549 #4862AD

Analogous Palette

#3B7081 #3F798D #274496 #2A48A0 #533F8D #635393

Triadic Palette

#253F8D #2A48A0 #AB2143 #B53C5A #43AB21 #3B961D

Split Complementary Palette

#264190 #2A48A0 #A1482B #AA5A40 #84A12B #779127

Square Palette

#233C86 #2A48A0 #97357E #977E35 #2BA148 #4DB065

Tetradic Palette

#223B83 #2A48A0 #8D18B4 #A1842B #3FB418 #62C242

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A48A0 contains 42 red, 72 green, and 160 blue.

Contrast Ratio: 8.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1