Created at 12/07/2023 06:07
  7

#5a7ae2 HEX Color information

Color HEX RGB
#5a7ae2 RGB(90, 122, 226)
RGB values are RGB(90, 122, 226)
#5a7ae2 color contain Red 35.29%, Green 47.84% and Blue 88.63%.
oklch(60.70% 0.1614 268.43)

Classification of #5a7ae2 color

#5a7ae2 is Light and Cool Color
Shade of royalblue
Opposite Color for #5a7ae2 is #e2c25a

#5a7ae2 Color Conversion

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

Decimal
5929698
HEX
#5a7ae2
HSL
hsl(226, 70%, 62%)
HSLA
hsla(226, 70%, 62%, 1)
RGB
RGB(90, 122, 226)
RGBA
RGBA(90, 122, 226, 1)

Palettes for #5a7ae2 color:

Below examples of color palettes for #5a7ae2 HEX color

darkest color is #090c17 from shades and lightest color is #eff2fc from tints

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

Color Contrast

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

#5a7ae2
#5a7ae2
Contrast Ratio
3.94:1
SizeAA-levelAAA-level
Large text:
Small text:
#5a7ae2
#5a7ae2
Contrast Ratio
5.31:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #5a7ae2 color png