#1F3D84 Color

Color Information

HEX	#1F3D84
RGB	31, 61, 132
HSL	222° , 62% , 32%
HSV	222° , 77% , 52%
CMYK	77%, 54%, 0%, 48%

Lighter Shades

#3A5493 #556CA2 #7083B0 #8B9ABF #A5B1CE #C0C9DD

Darker Shades

#1B3674 #182E64 #142754 #102045 #0C1835 #091125

Complementary Palette

#1B3472 #1F3D84 #72581B #84661F #957B3E #3E5895

Analogous Palette

#2C5C68 #2F6674 #1D397C #1F3D84 #3D2F74 #4E437A

Triadic Palette

#1B3674 #1F3D84 #8C173A #9A3352 #3A8C17 #337B14

Split Complementary Palette

#1C3777 #1F3D84 #84331F #904735 #70841F #65771C

Square Palette

#1A336F #1F3D84 #7C276B #7C6327 #1F8433 #439854

Tetradic Palette

#19326C #1F3D84 #6C1093 #84661F #379310 #5BA63B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F3D84 contains 31 red, 61 green, and 132 blue.

Contrast Ratio: 10.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1