Created at 02/24/2023 21:35
  31

#557cf5 HEX Color information

Color HEX RGB
#557cf5 RGB(85, 124, 245)
RGB values are RGB(85, 124, 245)
#557cf5 color contain Red 33.33%, Green 48.63% and Blue 96.08%.
oklch(62.10% 0.1861 267.35)

Classification of #557cf5 color

#557cf5 is Light and Cool Color
Shade of royalblue
Opposite Color for #557cf5 is #f5cd56

#557cf5 Color Conversion

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

Decimal
5602549
HEX
#557cf5
HSL
hsl(225, 89%, 65%)
HSLA
hsla(225, 89%, 65%, 1)
RGB
RGB(85, 124, 245)
RGBA
RGBA(85, 124, 245, 1)

Palettes for #557cf5 color:

Below examples of color palettes for #557cf5 HEX color

darkest color is #080c18 from shades and lightest color is #eef2fe from tints

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

Color #557cf5 used in palettes (1)

Color Contrast

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

#557cf5
#557cf5
Contrast Ratio
3.75:1
SizeAA-levelAAA-level
Large text:
Small text:
#557cf5
#557cf5
Contrast Ratio
5.58:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #557cf5 color png