#312C77 Color

Color Information

HEX	#312C77
RGB	49, 44, 119
HSL	244° , 46% , 32%
HSV	244° , 63% , 47%
CMYK	59%, 63%, 0%, 53%

Lighter Shades

#4A4587 #625F98 #7B78A8 #9491B8 #ADABC9 #C5C4D9

Darker Shades

#2B2769 #25215A #1F1C4C #19173E #141230 #0E0C21

Complementary Palette

#2A2666 #312C77 #626626 #72772C #868A4A #4E4A8A

Analogous Palette

#37485D #3C4F67 #2E2970 #312C77 #543C67 #604F6D

Triadic Palette

#2B2769 #312C77 #7F2A24 #8E443E #247F2A #207025

Split Complementary Palette

#2C286B #312C77 #77572C #856841 #4D772C #456B28

Square Palette

#292564 #312C77 #6F344E #6B6F34 #2C7757 #4E8D72

Tetradic Palette

#282462 #312C77 #861D7F #72772C #1D8624 #469C4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312C77 contains 49 red, 44 green, and 119 blue.

Contrast Ratio: 12.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.68:1