#31698B Color

Color Information

HEX#31698B
RGB49, 105, 139
HSL203° , 48% , 37%
HSV203° , 65% , 55%
CMYK65%, 24%, 0%, 45%

Lighter Shades

#4A7B99 #628DA7 #7B9FB5 #94B1C3 #ADC3D1 #C5D5DF

Darker Shades

#2B5C7A #25506A #1F4359 #193748 #142A38 #0E1D27

Complementary Palette

#2A5A78 #31698B #78482A #8C5431 #9C6C4E #4E7E9B

Analogous Palette

#3E6F69 #447973 #2E6383 #31698B #444A79 #575C7F

Triadic Palette

#2B5C7A #31698B #95286B #A2427D #6B9528 #5E8323

Split Complementary Palette

#2C5F7D #31698B #8C313C #984650 #8C8131 #7E742C

Square Palette

#295875 #31698B #7A3A82 #82563A #3C8C31 #5B9E52

Tetradic Palette

#285672 #31698B #50209D #8C5431 #6D9D20 #87AF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31698B contains 49 red, 105 green, and 139 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1