#31466F Color

Color Information

HEX#31466F
RGB49, 70, 111
HSL220° , 39% , 31%
HSV220° , 56% , 44%
CMYK56%, 37%, 0%, 56%

Lighter Shades

#4A5C80 #627292 #7B89A3 #949FB4 #ADB5C5 #C5CBD7

Darker Shades

#2B3E62 #253554 #1F2D47 #19243A #141C2C #0E141F

Complementary Palette

#2A3C5F #31466F #5F4D29 #6E5930 #82704D #4E6083

Analogous Palette

#3A5155 #40595E #2E4268 #31466F #45405E #54506D

Triadic Palette

#2B3E62 #31466F #762842 #864259 #427628 #3A6823

Split Complementary Palette

#2C3F64 #31466F #6E3A30 #7D4E45 #646E30 #5A632B

Square Palette

#293B5D #31466F #66385E #665738 #306E3A #51855A

Tetradic Palette

#28395B #31466F #5E227C #6E5930 #407C22 #62944A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31466F contains 49 red, 70 green, and 111 blue.

Contrast Ratio: 9.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1