#156A88 Color

Color Information

HEX	#156A88
RGB	21, 106, 136
HSL	196° , 73% , 31%
HSV	196° , 85% , 53%
CMYK	85%, 22%, 0%, 47%

Lighter Shades

#317C96 #4D8EA5 #69A0B3 #85B2C1 #A1C3CF #BDD5DE

Darker Shades

#125D78 #105167 #0D4457 #0B3747 #082A36 #061E26

Complementary Palette

#125B75 #156A88 #762D12 #893415 #9A5036 #367F99

Analogous Palette

#216E5C #257965 #146480 #156A88 #253979 #3A4A7E

Triadic Palette

#125D78 #156A88 #910D6E #9E2A7F #6E910D #61800B

Split Complementary Palette

#135F7A #156A88 #891530 #952C45 #896E15 #7B6313

Square Palette

#125972 #156A88 #6A1D81 #81381D #308915 #519C3A

Tetradic Palette

#115770 #156A88 #2D0797 #893415 #719707 #8BAA34

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #156A88 contains 21 red, 106 green, and 136 blue.

Contrast Ratio: 6.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1