#312149 Color

Color Information

HEX	#312149
RGB	49, 33, 73
HSL	264° , 38% , 21%
HSV	264° , 55% , 29%
CMYK	33%, 55%, 0%, 71%

Lighter Shades

#4A3C5F #625675 #7B718B #948CA0 #ADA6B6 #C5C1CC

Darker Shades

#2B1D40 #251937 #1F152F #191126 #140D1D #0E0914

Complementary Palette

#2A1C3F #312149 #32401C #3A4A21 #566340 #4E4062

Analogous Palette

#27293A #2C2E3F #2E1F45 #312149 #3D2C3F #4D3B4F

Triadic Palette

#2B1D40 #312149 #4F301C #644937 #1C4F30 #19462A

Split Complementary Palette

#2C1E42 #312149 #4A4621 #5C5937 #254A21 #21431E

Square Palette

#291C3D #312149 #45272A #394527 #214A46 #456764

Tetradic Palette

#281B3C #312149 #54183D #3A4A21 #18542F #427354

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312149 contains 49 red, 33 green, and 73 blue.

Contrast Ratio: 15.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.36:1