Created at 02/25/2023 10:31
  19

#557ae2 HEX Color information

Color HEX RGB
#557ae2 RGB(85, 122, 226)
RGB values are RGB(85, 122, 226)
#557ae2 color contain Red 33.33%, Green 47.84% and Blue 88.63%.
oklch(60.43% 0.163 266.79)

Classification of #557ae2 color

#557ae2 is Light and Cool Color
Shade of royalblue
Opposite Color for #557ae2 is #e2bd55

#557ae2 Color Conversion

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

Decimal
5602018
HEX
#557ae2
HSL
hsl(224, 71%, 61%)
HSLA
hsla(224, 71%, 61%, 1)
RGB
RGB(85, 122, 226)
RGBA
RGBA(85, 122, 226, 1)

Palettes for #557ae2 color:

Below examples of color palettes for #557ae2 HEX color

darkest color is #080c17 from shades and lightest color is #eef2fc from tints

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

Color #557ae2 used in palettes (1)

Color Contrast

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

#557ae2
#557ae2
Contrast Ratio
3.98:1
SizeAA-levelAAA-level
Large text:
Small text:
#557ae2
#557ae2
Contrast Ratio
5.26:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #557ae2 color png