Created at 02/24/2023 17:23
  22

#506c9b HEX Color information

Color HEX RGB
#506c9b RGB(80, 108, 155)

RGB values are RGB(80, 108, 155)
#506c9b color contain Red 31.37%, Green 42.35% and Blue 60.78%.

Classification of #506c9b color

#506c9b is Light and Cool Color
Tint of royalblue
Opposite Color for #506c9b is #9b7f50

#506c9b Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506c9b

Decimal
5270683
HEX
#506c9b
HSL
hsl(218, 32%, 46%)
HSLA
hsla(218, 32%, 46%, 1)
RGB
RGB(80, 108, 155)
RGBA
RGBA(80, 108, 155, 1)

Palettes for #506c9b color:

Below examples of color palettes for #506c9b HEX color

darkest color is #080b0f from shades and lightest color is #eef0f5 from tints

Shades palette of #506c9b:
Tints palette of #506c9b:
Complementary palette of #506c9b:
Triadic palette of #506c9b:
Square palette of #506c9b:
Analogous palette of #506c9b:
Split-Complementary palette of #506c9b:
Rectangle (tetradic) palette of #506c9b:

Suggested colors palettes for #506c9b HEX:

Colors palette with color #506c9b #1:
Colors palette with color #506c9b #2:
Colors palette with color #506c9b #3:
Colors palette with color #506c9b #4:
Colors palette with color #506c9b #5:

Color #506c9b used in palettes (1)

Color Contrast

Color pairings #506c9b with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#506c9b
#506c9b
Contrast Ratio
5.3:1
SizeAA-levelAAA-level
Large text:
Small text:
#506c9b
#506c9b
Contrast Ratio
3.95:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #506c9b color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes