Created at 11/23/2023 14:10
  8

#5344a2 HEX Color information

Color HEX RGB
#5344a2 RGB(83, 68, 162)

RGB values are RGB(83, 68, 162)
#5344a2 color contain Red 32.55%, Green 26.67% and Blue 63.53%.

Classification of #5344a2 color

#5344a2 is Light and Cool Color
Opposite Color for #5344a2 is #92a244

#5344a2 Color Conversion

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

Decimal
5457058
HEX
#5344a2
HSL
hsl(250, 41%, 45%)
HSLA
hsla(250, 41%, 45%, 1)
RGB
RGB(83, 68, 162)
RGBA
RGBA(83, 68, 162, 1)

Palettes for #5344a2 color:

Below examples of color palettes for #5344a2 HEX color

darkest color is #080710 from shades and lightest color is #eeecf6 from tints

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

Suggested colors palettes for #5344a2 HEX:

Colors palette with color #5344a2 #1:
Colors palette with color #5344a2 #2:
Colors palette with color #5344a2 #3:
Colors palette with color #5344a2 #4:
Colors palette with color #5344a2 #5:

Color Contrast

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

#5344a2
#5344a2
Contrast Ratio
7.73:1
SizeAA-levelAAA-level
Large text:
Small text:
#5344a2
#5344a2
Contrast Ratio
2.71:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #5344a2 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