#312B74 Color

Color Information

HEX	#312B74
RGB	49, 43, 116
HSL	245° , 46% , 31%
HSV	245° , 63% , 45%
CMYK	58%, 63%, 0%, 55%

Lighter Shades

#4A4485 #625E95 #7B77A6 #9491B7 #ADAAC7 #C5C4D8

Darker Shades

#2B2666 #252158 #1F1C4A #19163C #14112E #0E0C20

Complementary Palette

#2A2564 #312B74 #5E6325 #6D732B #818749 #4E4987

Analogous Palette

#37475C #3A4C64 #2E286D #312B74 #523A64 #5E4E6A

Triadic Palette

#2B2666 #312B74 #7B2A23 #8B443D #237B2A #1F6C25

Split Complementary Palette

#2C2768 #312B74 #73552B #816640 #49732B #426827

Square Palette

#292461 #312B74 #6C334A #676C33 #2B7355 #4D8970

Tetradic Palette

#28235F #312B74 #821C79 #6D732B #1C8225 #45994C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312B74 contains 49 red, 43 green, and 116 blue.

Contrast Ratio: 12.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.65:1