#3145A9 Color

Color Information

HEX	#3145A9
RGB	49, 69, 169
HSL	230° , 55% , 43%
HSV	230° , 71% , 66%
CMYK	71%, 59%, 0%, 34%

Lighter Shades

#4A5BB3 #6272BE #7B88C8 #949ED2 #ADB5DD #C5CBE7

Darker Shades

#2B3D95 #253480 #1F2C6C #192458 #141C44 #0E132F

Complementary Palette

#2A3B91 #3145A9 #92812A #AA9631 #B6A54E #4E5FB5

Analogous Palette

#417086 #477A94 #2E419F #3145A9 #614794 #6D5997

Triadic Palette

#2B3D95 #3145A9 #B5263E #BE4055 #3EB526 #379F21

Split Complementary Palette

#2C3E98 #3145A9 #AA5A31 #B36B46 #82AA31 #75992C

Square Palette

#293A8E #3145A9 #9F3C7E #9F8F3C #31AA5A #52B874

Tetradic Palette

#28398B #3145A9 #A31EBE #AA9631 #38BE1E #5CCA47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3145A9 contains 49 red, 69 green, and 169 blue.

Contrast Ratio: 8.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1