#1F5B89 Color

Color Information

HEX#1F5B89
RGB31, 91, 137
HSL206° , 63% , 33%
HSV206° , 77% , 54%
CMYK77%, 34%, 0%, 46%

Lighter Shades

#3A6F97 #5582A5 #7096B3 #8BAAC2 #A5BDD0 #C0D1DE

Darker Shades

#1B5079 #184568 #143A58 #102F47 #0C2437 #091926

Complementary Palette

#1B4E76 #1F5B89 #76421B #894D1F #9A663E #3E729A

Analogous Palette

#2C6D69 #307874 #1D5681 #1F5B89 #303578 #44487E

Triadic Palette

#1B5079 #1F5B89 #92175C #9F3370 #5C9217 #518014

Split Complementary Palette

#1C527B #1F5B89 #891F26 #95353C #89821F #7B751C

Square Palette

#1A4C73 #1F5B89 #7B2881 #814E28 #26891F #499C43

Tetradic Palette

#194B70 #1F5B89 #4B1098 #894D1F #5D9810 #7AAB3B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F5B89 contains 31 red, 91 green, and 137 blue.

Contrast Ratio: 7.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1