#507ba2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #507ba2 | RGB(80, 123, 162) |
Created at 11/03/2026 16:25
RGB values are RGB(80, 123, 162)
#507ba2 color contains Red 31.37%, Green 48.24% and Blue 63.53%.
oklch(56.78% 0.0772 246.97)
#507ba2 color contains Red 31.37%, Green 48.24% and Blue 63.53%.
oklch(56.78% 0.0772 246.97)
Color Names of #507ba2 HEX code
≈ Wedgewood
Classification of #507ba2 color
#507ba2 is Light and Cool Color Saturation 34%, lightness 47%.
Shade of Steel Blue
Alternative colors of #507ba2
Opposite Color for #507ba2 is #a27750
#507ba2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #507ba2
cmyk
CMYK(51%, 24%, 0%, 36%)
Decimal
5274530
HEX
#507ba2
HSL
hsl(209, 34%, 47%)
HSLA
hsla(209, 34%, 47%, 1)
RGB
RGB(80, 123, 162)
RGBA
RGBA(80, 123, 162, 1)
Palettes for #507ba2 color:
Below are examples of color palettes with the #507ba2 HEX color
darkest color is #080c10 from shades and lightest color is #eef2f6 from tints
Shades palette of #507ba2:
#486f92
#406282
#385671
#304a61
#283e51
#203141
#182531
#101920
#080c10
#000000
Tints palette of #507ba2:
#6288ab
#7395b5
#85a3be
#96b0c7
#a8bdd1
#b9cada
#cbd7e3
#dce5ec
#eef2f6
#ffffff
Complementary palette of #507ba2:
#507ba2
#a27750
Triadic palette of #507ba2:
#507ba2
#a2507b
#7ba250
Square palette of #507ba2:
#507ba2
#a050a2
#a27750
#52a250
Analogous palette of #507ba2:
#50a2a0
#507ba2
#5052a2
Split-Complementary palette of #507ba2:
#507ba2
#a25052
#a2a050
Rectangle (tetradic) palette of #507ba2:
#507ba2
#7750a2
#a27750
#7ba250
Suggested color palettes for #507ba2 HEX:
Color palette with color #507ba2 #1:
Color palette with color #507ba2 #2:
Color palette with color #507ba2 #3:
Color palette with color #507ba2 #4:
Color palette with color #507ba2 #5:
Color Contrast
Color pairings of #507ba2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#507ba2
#507ba2Contrast Ratio
4.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#507ba2
#507ba2Contrast Ratio
4.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #507ba2 color png
Visit the popular colors list for more colors