#31427B Color

Color Information

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

Lighter Shades

#4A598B #626F9B #7B86AB #949DBA #ADB3CA #C5CADA

Darker Shades

#2B3A6C #25325D #1F2A4F #192240 #141A31 #0E1222

Complementary Palette

#2A396A #31427B #6B5C2A #7C6B31 #8E804E #4E5C8D

Analogous Palette

#3D5861 #43606B #2E3E74 #31427B #4D436B #5D5572

Triadic Palette

#2B3A6C #31427B #85293E #944355 #3E8529 #377524

Split Complementary Palette

#2C3B6F #31427B #7C4531 #895846 #687C31 #5E702C

Square Palette

#293767 #31427B #733A64 #73663A #317C45 #529163

Tetradic Palette

#283665 #31427B #73228C #7C6B31 #3A8C22 #5DA14A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31427B contains 49 red, 66 green, and 123 blue.

Contrast Ratio: 9.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1