Created at 12/13/2023 06:44
  3

#505a86 HEX Color information

Color HEX RGB
#505a86 RGB(80, 90, 134)

RGB values are RGB(80, 90, 134)
#505a86 color contain Red 31.37%, Green 35.29% and Blue 52.55%.

Classification of #505a86 color

#505a86 is Semi dark and Cool Color
Opposite Color for #505a86 is #867c50

#505a86 Color Conversion

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

Decimal
5266054
HEX
#505a86
HSL
hsl(229, 25%, 42%)
HSLA
hsla(229, 25%, 42%, 1)
RGB
RGB(80, 90, 134)
RGBA
RGBA(80, 90, 134, 1)

Palettes for #505a86 color:

Below examples of color palettes for #505a86 HEX color

darkest color is #08090d from shades and lightest color is #eeeff3 from tints

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

Suggested colors palettes for #505a86 HEX:

Colors palette with color #505a86 #1:
Colors palette with color #505a86 #2:
Colors palette with color #505a86 #3:
Colors palette with color #505a86 #4:
Colors palette with color #505a86 #5:

Color Contrast

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

#505a86
#505a86
Contrast Ratio
6.67:1
SizeAA-levelAAA-level
Large text:
Small text:
#505a86
#505a86
Contrast Ratio
3.14:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #505a86 color png

503:

503:

Can't fetch config