#1F5A8E Color

Color Information

HEX	#1F5A8E
RGB	31, 90, 142
HSL	208° , 64% , 34%
HSV	208° , 78% , 56%
CMYK	78%, 37%, 0%, 44%

Lighter Shades

#3A6E9C #5582A9 #7095B7 #8BA9C4 #A5BDD2 #C0D1DF

Darker Shades

#1B4F7D #18446C #143A5B #102F4A #0C2439 #091928

Complementary Palette

#1B4D7A #1F5A8E #7A471B #8E531F #9E6B3E #3E719E

Analogous Palette

#2C7270 #317D7A #1D5585 #1F5A8E #31337D #454782

Triadic Palette

#1B4F7D #1F5A8E #97175B #A3336F #5B9717 #508514

Split Complementary Palette

#1C5180 #1F5A8E #8E1F23 #993539 #8E8A1F #807C1C

Square Palette

#1A4C77 #1F5A8E #822886 #865428 #238E1F #46A043

Tetradic Palette

#194A74 #1F5A8E #52109E #8E531F #5B9E10 #79AF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F5A8E contains 31 red, 90 green, and 142 blue.

Contrast Ratio: 7.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1