Created at 02/21/2023 23:31
  23

#506d9d HEX Color information

Color HEX RGB
#506d9d RGB(80, 109, 157)

RGB values are RGB(80, 109, 157)
#506d9d color contain Red 31.37%, Green 42.75% and Blue 61.57%.

Classification of #506d9d color

#506d9d is Light and Cool Color
Tint of royalblue
Opposite Color for #506d9d is #9b7e50

#506d9d Color Conversion

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

Decimal
5270941
HEX
#506d9d
HSL
hsl(217, 32%, 46%)
HSLA
hsla(217, 32%, 46%, 1)
RGB
RGB(80, 109, 157)
RGBA
RGBA(80, 109, 157, 1)

Palettes for #506d9d color:

Below examples of color palettes for #506d9d HEX color

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

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

Suggested colors palettes for #506d9d HEX:

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

Color #506d9d used in palettes (1)

Color Contrast

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

#506d9d
#506d9d
Contrast Ratio
5.22:1
SizeAA-levelAAA-level
Large text:
Small text:
#506d9d
#506d9d
Contrast Ratio
4.01:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #506d9d 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