#156486 Color

Color Information

HEX#156486
RGB21, 100, 134
HSL198° , 73% , 30%
HSV198° , 84% , 53%
CMYK84%, 25%, 0%, 47%

Lighter Shades

#317795 #4D89A3 #699CB2 #85AEC0 #A1C1CF #BDD4DD

Darker Shades

#125876 #104C66 #0D4056 #0B3446 #082836 #061C26

Complementary Palette

#125673 #156486 #722E12 #843615 #955236 #367A97

Analogous Palette

#20695B #247565 #145E7E #156486 #243475 #3B487D

Triadic Palette

#125876 #156486 #8C0D66 #9A2A78 #668C0D #5A7B0B

Split Complementary Palette

#135A79 #156486 #84152B #902C40 #846E15 #776313

Square Palette

#125471 #156486 #691C7D #7D391C #2B8415 #4D983A

Tetradic Palette

#11526E #156486 #310792 #843615 #689207 #83A634

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #156486 contains 21 red, 100 green, and 134 blue.

Contrast Ratio: 6.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.19:1