#31517F Color

Color Information

HEX#31517F
RGB49, 81, 127
HSL215° , 44% , 35%
HSV215° , 61% , 50%
CMYK61%, 36%, 0%, 50%

Lighter Shades

#4A668E #627B9E #7B90AD #94A5BC #ADB9CC #C5CEDB

Darker Shades

#2B4770 #253E61 #1F3451 #192A42 #142033 #0E1724

Complementary Palette

#2A466D #31517F #6F532B #816032 #93764F #4E6991

Analogous Palette

#3E6165 #446B6F #2E4C77 #31517F #47446F #595676

Triadic Palette

#2B4770 #31517F #892951 #974366 #518929 #477924

Split Complementary Palette

#2C4972 #31517F #813932 #8E4D47 #7A8132 #6E742D

Square Palette

#29446B #31517F #783B73 #785E3B #328139 #539559

Tetradic Palette

#284268 #31517F #622291 #816032 #509122 #70A54A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31517F contains 49 red, 81 green, and 127 blue.

Contrast Ratio: 8.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1