#506FB0 Color

Color Information

HEX#506FB0
RGB80, 111, 176
HSL221° , 38% , 50%
HSV221° , 55% , 69%
CMYK55%, 37%, 0%, 31%

Lighter Shades

#6580B9 #7A92C3 #8FA3CC #A4B4D6 #B9C5DF #CED7E9

Darker Shades

#46629B #3D5486 #334771 #2A3A5C #202C46 #161F31

Complementary Palette

#455F97 #506FB0 #977D44 #B0914F #BBA068 #6983BB

Analogous Palette

#60838A #698E96 #4B68A5 #506FB0 #716996 #7C759F

Triadic Palette

#46629B #506FB0 #BD4269 #C5597B #69BD42 #5CA63A

Split Complementary Palette

#48649E #506FB0 #B0614F #B87161 #9EB04F #8E9E47

Square Palette

#435D94 #506FB0 #A35C96 #A38D5C #4FB061 #6BBD7A

Tetradic Palette

#425B90 #506FB0 #9A38C7 #B0914F #65C738 #81D15C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506FB0 contains 80 red, 111 green, and 176 blue.

Contrast Ratio: 4.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.27:1