#3146AA Color

Color Information

HEX#3146AA
RGB49, 70, 170
HSL230° , 55% , 43%
HSV230° , 71% , 67%
CMYK71%, 59%, 0%, 33%

Lighter Shades

#4A5CB4 #6272BE #7B89C9 #949FD3 #ADB5DD #C5CBE7

Darker Shades

#2B3E96 #253581 #1F2D6D #192458 #141C44 #0E1430

Complementary Palette

#2A3C92 #3146AA #92812A #AA9631 #B6A54E #4E60B6

Analogous Palette

#417086 #477A94 #2E42A0 #3146AA #614794 #6D5997

Triadic Palette

#2B3E96 #3146AA #B5263E #BE4055 #3EB526 #379F21

Split Complementary Palette

#2C3F99 #3146AA #AA5A31 #B36B46 #82AA31 #75992C

Square Palette

#293B8F #3146AA #9F3C7E #9F8F3C #31AA5A #52B874

Tetradic Palette

#28398B #3146AA #A31EBE #AA9631 #38BE1E #5CCA47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3146AA contains 49 red, 70 green, and 170 blue.

Contrast Ratio: 8.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1