#2A3C70 Color

Color Information

HEX#2A3C70
RGB42, 60, 112
HSL225° , 45% , 30%
HSV225° , 63% , 44%
CMYK63%, 46%, 0%, 56%

Lighter Shades

#445381 #5D6B92 #7782A3 #909AB5 #AAB1C6 #C3C8D7

Darker Shades

#253563 #202E55 #1B2648 #161F3A #11182D #0C111F

Complementary Palette

#243460 #2A3C70 #5F5124 #6F5E2A #837548 #485784

Analogous Palette

#365059 #395660 #273869 #2A3C70 #433960 #554E6A

Triadic Palette

#253563 #2A3C70 #772237 #873D4F #377722 #30691E

Split Complementary Palette

#263665 #2A3C70 #6F3B2A #7D4F3F #5E6F2A #556426

Square Palette

#23325E #2A3C70 #67325A #675A32 #2A6F3B #4C865A

Tetradic Palette

#22315C #2A3C70 #651C7D #6F5E2A #347D1C #599445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3C70 contains 42 red, 60 green, and 112 blue.

Contrast Ratio: 11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.91:1