#1F3569 Color

Color Information

HEX#1F3569
RGB31, 53, 105
HSL222° , 54% , 27%
HSV222° , 70% , 41%
CMYK70%, 50%, 0%, 59%

Lighter Shades

#3A4D7B #55658D #707E9F #8B96B1 #A5AEC3 #C0C6D5

Darker Shades

#1B2F5C #182850 #142243 #101C37 #0C152A #090F1D

Complementary Palette

#1B2E5A #1F3569 #5B481C #6A5420 #7F6C3F #3E517E

Analogous Palette

#2A4D55 #2D535C #1D3263 #1F3569 #372D5C #4A4365

Triadic Palette

#1B2F5C #1F3569 #711933 #82354B #337119 #2D6316

Split Complementary Palette

#1C305F #1F3569 #6A2F20 #794436 #5B6A20 #525F1D

Square Palette

#1A2D58 #1F3569 #632757 #635127 #206A2F #448250

Tetradic Palette

#192B56 #1F3569 #591376 #6A5420 #317613 #568F3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F3569 contains 31 red, 53 green, and 105 blue.

Contrast Ratio: 12.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1