#1F558E Color

Color Information

HEX	#1F558E
RGB	31, 85, 142
HSL	211° , 64% , 34%
HSV	211° , 78% , 56%
CMYK	78%, 40%, 0%, 44%

Lighter Shades

#3A699C #557EA9 #7092B7 #8BA7C4 #A5BBD2 #C0CFDF

Darker Shades

#1B4B7D #18416C #14365B #102C4A #0C2239 #091828

Complementary Palette

#1B497A #1F558E #7A4D1B #8E591F #9E703E #3E6D9E

Analogous Palette

#2C7172 #317C7D #1D5085 #1F558E #32317D #464582

Triadic Palette

#1B4B7D #1F558E #971755 #A33369 #559717 #4B8514

Split Complementary Palette

#1C4D80 #1F558E #8E211F #993735 #8C8E1F #7E801C

Square Palette

#1A4777 #1F558E #862884 #865828 #1F8E21 #43A045

Tetradic Palette

#194674 #1F558E #59109E #8E591F #549E10 #73AF3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F558E contains 31 red, 85 green, and 142 blue.

Contrast Ratio: 7.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.72:1