#3B4EA0 Color

Color Information

HEX	#3B4EA0
RGB	59, 78, 160
HSL	229° , 46% , 43%
HSV	229° , 63% , 63%
CMYK	63%, 51%, 0%, 37%

Lighter Shades

#5363AB #6A78B7 #828EC2 #99A3CE #B1B8D9 #C8CDE4

Darker Shades

#34458D #2D3B7A #263266 #1F2953 #181F40 #11162D

Complementary Palette

#33438A #3B4EA0 #8A7A33 #A08E3B #AD9E56 #5667AD

Analogous Palette

#4A6D7D #51788A #374996 #3B4EA0 #63518A #726490

Triadic Palette

#34458D #3B4EA0 #AB3047 #B5495D #47AB30 #3E962A

Split Complementary Palette

#354690 #3B4EA0 #A05B3B #AA6B4F #80A03B #739035

Square Palette

#324286 #3B4EA0 #95467C #958746 #3BA05B #5AAF75

Tetradic Palette

#304083 #3B4EA0 #9A27B4 #A08E3B #41B427 #63C24E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B4EA0 contains 59 red, 78 green, and 160 blue.

Contrast Ratio: 7.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.74:1