#1F3D80 Color

Color Information

HEX#1F3D80
RGB31, 61, 128
HSL221° , 61% , 31%
HSV221° , 76% , 50%
CMYK76%, 52%, 0%, 50%

Lighter Shades

#3A548F #556C9E #7083AE #8B9ABD #A5B1CC #C0C9DB

Darker Shades

#1B3671 #182E61 #142752 #102043 #0C1833 #091124

Complementary Palette

#1B346E #1F3D80 #6D531B #7F611F #91773E #3E5892

Analogous Palette

#2C5D68 #2F646F #1D3978 #1F3D80 #3B2F6F #4C4375

Triadic Palette

#1B3671 #1F3D80 #87173A #953352 #3A8717 #337714

Split Complementary Palette

#1C3773 #1F3D80 #7F311F #8C4635 #6E7F1F #63721C

Square Palette

#1A336C #1F3D80 #772769 #775E27 #1F7F31 #439352

Tetradic Palette

#193269 #1F3D80 #66118D #7F611F #388D11 #5CA23C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F3D80 contains 31 red, 61 green, and 128 blue.

Contrast Ratio: 10.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.97:1