#156C9E Color

Color Information

HEX	#156C9E
RGB	21, 108, 158
HSL	202° , 77% , 35%
HSV	202° , 87% , 62%
CMYK	87%, 32%, 0%, 38%

Lighter Shades

#317EAA #4D8FB5 #69A1C1 #85B3CD #A1C4D8 #BDD6E4

Darker Shades

#125F8B #105278 #0D4565 #0B3852 #082B3F #061E2C

Complementary Palette

#125D88 #156C9E #883D12 #9E4715 #AC6136 #3681AC

Analogous Palette

#238074 #268C7F #146695 #156C9E #26348C #3C4790

Triadic Palette

#125F8B #156C9E #A70C6E #B2297F #6EA70C #61930B

Split Complementary Palette

#13618E #156C9E #9E1527 #A82C3D #9E8C15 #8E7E13

Square Palette

#125B85 #156C9E #851D95 #95491D #279E15 #4AAE3A

Tetradic Palette

#115982 #156C9E #4304AE #9E4715 #70AE04 #8ABD31

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #156C9E contains 21 red, 108 green, and 158 blue.

Contrast Ratio: 5.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.68:1