#1F376F Color

Color Information

HEX#1F376F
RGB31, 55, 111
HSL222° , 56% , 28%
HSV222° , 72% , 44%
CMYK72%, 50%, 0%, 56%

Lighter Shades

#3A4F80 #556792 #707FA3 #8B97B4 #A5AFC5 #C0C7D7

Darker Shades

#1B3062 #182A54 #142347 #101D3A #0C162C #090F1F

Complementary Palette

#1B2F5F #1F376F #5F4B1B #6F571F #836F3E #3E5383

Analogous Palette

#2A515A #2E5761 #1D3468 #1F376F #382E61 #4B436B

Triadic Palette

#1B3062 #1F376F #771835 #87344D #357718 #2F6915

Split Complementary Palette

#1C3264 #1F376F #6F2F1F #7D4435 #5F6F1F #56641C

Square Palette

#1A2E5D #1F376F #68275B #685527 #1F6F2F #438650

Tetradic Palette

#192D5B #1F376F #5D137C #6F571F #327C13 #57943D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F376F contains 31 red, 55 green, and 111 blue.

Contrast Ratio: 11.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1