#507aa0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #507aa0 | RGB(80, 122, 160) |
Created at 10/08/2026 14:52
Classification of #507aa0 color
#507aa0 is Light and Cool Color Saturation 33%, lightness 47%.
Shade of Steel Blue
RGB values are RGB(80, 122, 160)
#507aa0 color contains Red 31.37%, Green 47.84% and Blue 62.75%.
oklch(56.45% 0.0755 246.87)
#507aa0 color contains Red 31.37%, Green 47.84% and Blue 62.75%.
oklch(56.45% 0.0755 246.87)
Color Names of #507aa0 HEX code
≈ Wedgewood
Alternative colors of #507aa0
Opposite Color for #507aa0 is #a07650
#507aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #507aa0
cmyk
CMYK(50%, 24%, 0%, 37%)
Decimal
5274272
HEX
#507aa0
HSL
hsl(208, 33%, 47%)
HSLA
hsla(208, 33%, 47%, 1)
RGB
RGB(80, 122, 160)
RGBA
RGBA(80, 122, 160, 1)
Palettes for #507aa0 color:
Below are examples of color palettes with the #507aa0 HEX color
darkest color is #080c10 from shades and lightest color is #eef2f6 from tints
Shades palette of #507aa0:
#486e90
#406280
#385570
#304960
#283d50
#203140
#182530
#101820
#080c10
#000000
Tints palette of #507aa0:
#6287aa
#7395b3
#85a2bd
#96afc6
#a8bdd0
#b9cad9
#cbd7e3
#dce4ec
#eef2f6
#ffffff
Complementary palette of #507aa0:
#507aa0
#a07650
Triadic palette of #507aa0:
#507aa0
#a0507a
#7aa050
Square palette of #507aa0:
#507aa0
#9e50a0
#a07650
#52a050
Analogous palette of #507aa0:
#50a09e
#507aa0
#5052a0
Split-Complementary palette of #507aa0:
#507aa0
#a05052
#a09e50
Rectangle (tetradic) palette of #507aa0:
#507aa0
#7650a0
#a07650
#7aa050
Suggested color palettes for #507aa0 HEX:
Color palette with color #507aa0 #1:
Color palette with color #507aa0 #2:
Color palette with color #507aa0 #3:
Color palette with color #507aa0 #4:
Color palette with color #507aa0 #5:
Color Contrast
Color pairings of #507aa0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#507aa0
#507aa0 Contrast Ratio
4.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#507aa0
#507aa0 Contrast Ratio
4.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #507aa0 color png
Visit the popular colors list for more colors