#313176 Color

Color Information

HEX	#313176
RGB	49, 49, 118
HSL	240° , 41% , 33%
HSV	240° , 58% , 46%
CMYK	58%, 58%, 0%, 54%

Lighter Shades

#4A4A86 #626297 #7B7BA7 #9494B8 #ADADC8 #C5C5D9

Darker Shades

#2B2B68 #25255A #1F1F4C #19193D #14142F #0E0E21

Complementary Palette

#2A2A65 #313176 #66662B #777732 #8A8A4F #4E4E89

Analogous Palette

#3C4D5D #425466 #2E2E6F #313176 #544266 #61526F

Triadic Palette

#2B2B68 #313176 #7F2929 #8E4343 #297F29 #247024

Split Complementary Palette

#2C2C6A #313176 #775432 #856547 #547732 #4C6B2D

Square Palette

#292963 #313176 #6E3A54 #6E6E3A #327754 #538D6F

Tetradic Palette

#282861 #313176 #862386 #777732 #238623 #4B9C4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313176 contains 49 red, 49 green, and 118 blue.

Contrast Ratio: 11.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1