#312777 Color

Color Information

HEX	#312777
RGB	49, 39, 119
HSL	248° , 51% , 31%
HSV	248° , 67% , 47%
CMYK	59%, 67%, 0%, 53%

Lighter Shades

#4A4187 #625B98 #7B75A8 #948FB8 #ADA9C9 #C5C3D9

Darker Shades

#2B2269 #251E5A #1F194C #19143E #141030 #0E0B21

Complementary Palette

#2A2266 #312777 #5E6622 #6D7727 #818A45 #4E458A

Analogous Palette

#32425D #374968 #2E2570 #312777 #563768 #61496E

Triadic Palette

#2B2269 #312777 #7F2C1F #8E453A #1F7F2C #1B7027

Split Complementary Palette

#2C236B #312777 #775A27 #856B3D #447727 #3D6B23

Square Palette

#292164 #312777 #6F2F46 #676F2F #27775A #4A8D74

Tetradic Palette

#282062 #312777 #861977 #6D7727 #198627 #429C4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312777 contains 49 red, 39 green, and 119 blue.

Contrast Ratio: 13.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.61:1