#156AA0 Color

Color Information

HEX	#156AA0
RGB	21, 106, 160
HSL	203° , 77% , 35%
HSV	203° , 87% , 63%
CMYK	87%, 34%, 0%, 37%

Lighter Shades

#317CAB #4D8EB7 #69A0C2 #85B2CE #A1C3D9 #BDD5E4

Darker Shades

#125D8D #10517A #0D4466 #0B3753 #082A40 #061E2D

Complementary Palette

#125B8A #156AA0 #883F12 #9E4915 #AC6236 #367FAD

Analogous Palette

#238075 #268C80 #146496 #156AA0 #26328C #3C4690

Triadic Palette

#125D8D #156AA0 #A70C6B #B2297D #6BA70C #5E930B

Split Complementary Palette

#135F90 #156AA0 #9E1525 #A82C3B #9E8E15 #8E8013

Square Palette

#125986 #156AA0 #871D95 #954B1D #259E15 #48AE3A

Tetradic Palette

#115783 #156AA0 #4504AE #9E4915 #6DAE04 #87BD31

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #156AA0 contains 21 red, 106 green, and 160 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1