Created at 12/18/2023 12:59
  3

#506a95 HEX Color information

Color HEX RGB
#506a95 RGB(80, 106, 149)

RGB values are RGB(80, 106, 149)
#506a95 color contain Red 31.37%, Green 41.57% and Blue 58.43%.

Classification of #506a95 color

#506a95 is Light and Cool Color
Tint of royalblue
Opposite Color for #506a95 is #957b50

#506a95 Color Conversion

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

Decimal
5270165
HEX
#506a95
HSL
hsl(217, 30%, 45%)
HSLA
hsla(217, 30%, 45%, 1)
RGB
RGB(80, 106, 149)
RGBA
RGBA(80, 106, 149, 1)

Palettes for #506a95 color:

Below examples of color palettes for #506a95 HEX color

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

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

Suggested colors palettes for #506a95 HEX:

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

Color Contrast

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

#506a95
#506a95
Contrast Ratio
5.47:1
SizeAA-levelAAA-level
Large text:
Small text:
#506a95
#506a95
Contrast Ratio
3.83:1
SizeAA-levelAAA-level
Large text:
Small text:

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