#31418B Color

Color Information

HEX	#31418B
RGB	49, 65, 139
HSL	229° , 48% , 37%
HSV	229° , 65% , 55%
CMYK	65%, 53%, 0%, 45%

Lighter Shades

#4A5899 #626FA7 #7B85B5 #949CC3 #ADB3D1 #C5CADF

Darker Shades

#2B397A #25316A #1F2A59 #192248 #141A38 #0E1227

Complementary Palette

#2A3878 #31418B #786A2A #8C7B31 #9C8D4E #4E5C9B

Analogous Palette

#3E606F #446879 #2E3D83 #31418B #554479 #64577F

Triadic Palette

#2B397A #31418B #95283C #A24253 #3C9528 #358323

Split Complementary Palette

#2C3B7D #31418B #8C4E31 #986046 #6F8C31 #647E2C

Square Palette

#293775 #31418B #823A6B #82753A #318C4E #529E6A

Tetradic Palette

#283572 #31418B #86209D #8C7B31 #379D20 #5BAF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31418B contains 49 red, 65 green, and 139 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1