#5096B7 Color

Color Information

HEX#5096B7
RGB80, 150, 183
HSL199° , 42% , 52%
HSV199° , 56% , 72%
CMYK56%, 18%, 0%, 28%

Lighter Shades

#65A3C0 #7AAFC8 #8FBCD1 #A4C8DA #B9D5E2 #CEE2EB

Darker Shades

#4684A1 #3D728B #336075 #2A4E5F #203C49 #162A33

Complementary Palette

#45819D #5096B7 #9E6246 #B87251 #C28669 #69A5C1

Analogous Palette

#639289 #6AA096 #4B8DAC #5096B7 #6A74A0 #767FA7

Triadic Palette

#4684A1 #5096B7 #C4459C #CB5BA8 #9CC445 #89AC3D

Split Complementary Palette

#4887A5 #5096B7 #B85164 #BF6274 #B8A551 #A69549

Square Palette

#437E9A #5096B7 #9D5DAC #AC765D #64B851 #7DC36D

Tetradic Palette

#427B96 #5096B7 #6A3BCE #B87251 #A0CE3B #B1D75E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5096B7 contains 80 red, 150 green, and 183 blue.

Contrast Ratio: 3.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.48:1