Created at 12/14/2023 00:21
  4

#5a97ed HEX Color information

Color HEX RGB
#5a97ed RGB(90, 151, 237)

RGB values are RGB(90, 151, 237)
#5a97ed color contain Red 35.29%, Green 59.22% and Blue 92.94%.

Classification of #5a97ed color

#5a97ed is Light and Cool Color
Opposite Color for #5a97ed is #edaf5a

#5a97ed Color Conversion

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

Decimal
5937133
HEX
#5a97ed
HSL
hsl(215, 80%, 64%)
HSLA
hsla(215, 80%, 64%, 1)
RGB
RGB(90, 151, 237)
RGBA
RGBA(90, 151, 237, 1)

Palettes for #5a97ed color:

Below examples of color palettes for #5a97ed HEX color

darkest color is #090f18 from shades and lightest color is #eff5fd from tints

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

Suggested colors palettes for #5a97ed HEX:

Colors palette with color #5a97ed #1:
Colors palette with color #5a97ed #2:
Colors palette with color #5a97ed #3:
Colors palette with color #5a97ed #4:
Colors palette with color #5a97ed #5:

Color Contrast

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

#5a97ed
#5a97ed
Contrast Ratio
2.96:1
SizeAA-levelAAA-level
Large text:
Small text:
#5a97ed
#5a97ed
Contrast Ratio
7.08:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #5a97ed 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