Created at 12/10/2023 18:31
#537ea2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #537ea2 | RGB(83, 126, 162) |
RGB values are RGB(83, 126, 162)
#537ea2 color contain Red 32.55%, Green 49.41% and Blue 63.53%.
oklch(57.64% 0.0734 244.81)
#537ea2 color contain Red 32.55%, Green 49.41% and Blue 63.53%.
oklch(57.64% 0.0734 244.81)
Classification of #537ea2 color
#537ea2 is Light and Cool Color Saturation 32%, lightness 48%.
Tint of steelblue
Alternative colors of #537ea2
Opposite Color for #537ea2 is #a27653
#537ea2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #537ea2
Decimal
5471906
HEX
#537ea2
HSL
hsl(207, 32%, 48%)
HSLA
hsla(207, 32%, 48%, 1)
RGB
RGB(83, 126, 162)
RGBA
RGBA(83, 126, 162, 1)
Palettes for #537ea2 color:
Below examples of color palettes for #537ea2 HEX color
darkest color is #080d10 from shades and lightest color is #eef2f6 from tints
Shades palette of #537ea2:
#4b7192
#426582
#3a5871
#324c61
#2a3f51
#213241
#192631
#111920
#080d10
#000000
Tints palette of #537ea2:
#648bab
#7598b5
#87a5be
#98b2c7
#a9bfd1
#bacbda
#cbd8e3
#dde5ec
#eef2f6
#ffffff
Complementary palette of #537ea2:
#537ea2
#a27653
Triadic palette of #537ea2:
#537ea2
#a2537e
#7ea253
Square palette of #537ea2:
#537ea2
#9e53a2
#57a253
#a27653
Analogous palette of #537ea2:
#53a29e
#537ea2
Split-Complementary palette of #537ea2:
#537ea2
#53a29e
Rectangle (tetradic) palette of #537ea2:
#537ea2
#9e53a2
#57a253
#a25357
Suggested colors palettes for #537ea2 HEX:
Colors palette with color #537ea2 #1:
Colors palette with color #537ea2 #2:
Colors palette with color #537ea2 #3:
Colors palette with color #537ea2 #4:
Colors palette with color #537ea2 #5:
Color Contrast
Color pairings #537ea2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#537ea2
#537ea2 Contrast Ratio
4.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#537ea2
#537ea2 Contrast Ratio
4.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #537ea2 color png
Visit the popular colors list for more colors