Created at 02/27/2023 20:20
  23

#5664a1 HEX Color information

Color HEX RGB
#5664a1 RGB(86, 100, 161)

RGB values are RGB(86, 100, 161)
#5664a1 color contain Red 33.73%, Green 39.22% and Blue 63.14%.

Classification of #5664a1 color

#5664a1 is Light and Cool Color
Tint of slateblue
Opposite Color for #5664a1 is #9f9256

#5664a1 Color Conversion

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

Decimal
5661857
HEX
#5664a1
HSL
hsl(229, 30%, 48%)
HSLA
hsla(229, 30%, 48%, 1)
RGB
RGB(86, 100, 161)
RGBA
RGBA(86, 100, 161, 1)

Palettes for #5664a1 color:

Below examples of color palettes for #5664a1 HEX color

darkest color is #090a10 from shades and lightest color is #eef0f6 from tints

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

Suggested colors palettes for #5664a1 HEX:

Colors palette with color #5664a1 #1:
Colors palette with color #5664a1 #2:
Colors palette with color #5664a1 #3:
Colors palette with color #5664a1 #4:
Colors palette with color #5664a1 #5:

Color Contrast

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

#5664a1
#5664a1
Contrast Ratio
5.62:1
SizeAA-levelAAA-level
Large text:
Small text:
#5664a1
#5664a1
Contrast Ratio
3.73:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #5664a1 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