#1F5A4D Color

Color Information

HEX#1F5A4D
RGB31, 90, 77
HSL167° , 49% , 24%
HSV167° , 66% , 35%
CMYK66%, 0%, 14%, 65%

Lighter Shades

#3A6E62 #558278 #70958D #8BA9A2 #A5BDB8 #C0D1CD

Darker Shades

#1B4F44 #18443B #143A31 #102F28 #0C241F #091916

Complementary Palette

#1B4D42 #1F5A4D #4E1B26 #5B1F2C #723E4A #3E7166

Analogous Palette

#284831 #2B4F36 #1D5548 #1F5A4D #2B454F #405259

Triadic Palette

#1B4F44 #1F5A4D #521961 #673574 #615219 #554816

Split Complementary Palette

#1C5145 #1F5A4D #5B1F4A #6B355C #5B301F #522B1C

Square Palette

#1A4C41 #1F5A4D #332555 #552530 #4A5B1F #677543

Tetradic Palette

#194A3F #1F5A4D #142666 #5B1F2C #665414 #82733E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F5A4D contains 31 red, 90 green, and 77 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1