#31427A Color

Color Information

HEX	#31427A
RGB	49, 66, 122
HSL	226° , 43% , 34%
HSV	226° , 60% , 48%
CMYK	60%, 46%, 0%, 52%

Lighter Shades

#4A598A #626F9A #7B86AA #949DBA #ADB3CA #C5CADA

Darker Shades

#2B3A6B #25325D #1F2A4E #19223F #141A31 #0E1222

Complementary Palette

#2A3969 #31427A #6B5C2A #7C6B31 #8E804E #4E5C8D

Analogous Palette

#3D5861 #43606B #2E3E73 #31427A #4D436B #5D5572

Triadic Palette

#2B3A6B #31427A #85293E #944355 #3E8529 #377524

Split Complementary Palette

#2C3B6E #31427A #7C4531 #895846 #687C31 #5E702C

Square Palette

#293766 #31427A #733A64 #73663A #317C45 #529163

Tetradic Palette

#283664 #31427A #73228C #7C6B31 #3A8C22 #5DA14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31427A contains 49 red, 66 green, and 122 blue.

Contrast Ratio: 9.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1