Created at 02/18/2023 05:42
#507eaa HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #507eaa | RGB(80, 126, 170) |
RGB values are RGB(80, 126, 170)
#507eaa color contain Red 31.37%, Green 49.41% and Blue 66.67%.
oklch(57.86% 0.0849 248.44)
#507eaa color contain Red 31.37%, Green 49.41% and Blue 66.67%.
oklch(57.86% 0.0849 248.44)
Classification of #507eaa color
#507eaa is Light and Cool Color Saturation 36%, lightness 49%.
Shade of steelblue
Alternative colors of #507eaa
Opposite Color for #507eaa is #aa7b50
#507eaa Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #507eaa
Decimal
5275306
HEX
#507eaa
HSL
hsl(209, 36%, 49%)
HSLA
hsla(209, 36%, 49%, 1)
RGB
RGB(80, 126, 170)
RGBA
RGBA(80, 126, 170, 1)
Palettes for #507eaa color:
Below examples of color palettes for #507eaa HEX color
darkest color is #080d11 from shades and lightest color is #eef2f7 from tints
Shades palette of #507eaa:
#487199
#406588
#385877
#304c66
#283f55
#203244
#182633
#101922
#080d11
#000000
Tints palette of #507eaa:
#628bb3
#7398bb
#85a5c4
#96b2cc
#a8bfd5
#b9cbdd
#cbd8e6
#dce5ee
#eef2f7
#ffffff
Complementary palette of #507eaa:
#507eaa
#aa7b50
Triadic palette of #507eaa:
#507eaa
#aa507e
#7eaa50
Square palette of #507eaa:
#507eaa
#a850aa
#51aa50
#aa7b50
Analogous palette of #507eaa:
#50aaa8
#507eaa
Split-Complementary palette of #507eaa:
#507eaa
#50aaa8
Rectangle (tetradic) palette of #507eaa:
#507eaa
#a850aa
#51aa50
#aa5051
Suggested colors palettes for #507eaa HEX:
Colors palette with color #507eaa #1:
Colors palette with color #507eaa #2:
Colors palette with color #507eaa #3:
Colors palette with color #507eaa #4:
Colors palette with color #507eaa #5:
Color #507eaa used in palettes (1)
Color Contrast
Color pairings #507eaa with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#507eaa
#507eaa Contrast Ratio
4.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#507eaa
#507eaa Contrast Ratio
4.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #507eaa color png
Visit the popular colors list for more colors