#3145BA Color

Color Information

HEX	#3145BA
RGB	49, 69, 186
HSL	231° , 58% , 46%
HSV	231° , 74% , 73%
CMYK	74%, 63%, 0%, 27%

Lighter Shades

#4A5BC2 #6272CB #7B88D3 #949EDB #ADB5E3 #C5CBEC

Darker Shades

#2B3DA4 #25348D #1F2C77 #192461 #141C4A #0E1334

Complementary Palette

#2A3BA0 #3145BA #9F8E2A #B9A531 #C3B24E #4E5FC4

Analogous Palette

#427794 #4983A2 #2E41AF #3145BA #6849A2 #7459A6

Triadic Palette

#2B3DA4 #3145BA #C5263D #CC4054 #3DC526 #36AD21

Split Complementary Palette

#2C3EA7 #3145BA #B96131 #C07146 #8AB931 #7CA72C

Square Palette

#293A9C #3145BA #AE3D86 #AE9D3D #31B961 #52C47A

Tetradic Palette

#283999 #3145BA #B41CCE #B9A531 #37CE1C #5BD745

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3145BA contains 49 red, 69 green, and 186 blue.

Contrast Ratio: 7.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1