#508aad HEX color information
| Color | HEX | RGB |
|---|---|---|
| #508aad | RGB(80, 138, 173) |
Created at 10/16/2026 03:31
RGB values are RGB(80, 138, 173)
#508aad color contains Red 31.37%, Green 54.12% and Blue 67.84%.
oklch(60.80% 0.0809 236.67)
#508aad color contains Red 31.37%, Green 54.12% and Blue 67.84%.
oklch(60.80% 0.0809 236.67)
Color Names of #508aad HEX code
≈ Steel Blue
Classification of #508aad color
#508aad is Light and Cool Color Saturation 37%, lightness 50%.
Tint of Steel Blue
Alternative colors of #508aad
Opposite Color for #508aad is #ad7350
#508aad Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #508aad
cmyk
CMYK(54%, 20%, 0%, 32%)
Decimal
5278381
HEX
#508aad
HSL
hsl(203, 37%, 50%)
HSLA
hsla(203, 37%, 50%, 1)
RGB
RGB(80, 138, 173)
RGBA
RGBA(80, 138, 173, 1)
Palettes for #508aad color:
Below are examples of color palettes with the #508aad HEX color
darkest color is #080e11 from shades and lightest color is #eef3f7 from tints
Shades palette of #508aad:
#487c9c
#406e8a
#386179
#305368
#284557
#203745
#182934
#101c23
#080e11
#000000
Tints palette of #508aad:
#6296b5
#73a1bd
#85adc6
#96b9ce
#a8c5d6
#b9d0de
#cbdce6
#dce8ef
#eef3f7
#ffffff
Complementary palette of #508aad:
#508aad
#ad7350
Triadic palette of #508aad:
#508aad
#ad508a
#8aad50
Square palette of #508aad:
#508aad
#a150ad
#ad7350
#5cad50
Analogous palette of #508aad:
#50ada1
#508aad
#505cad
Split-Complementary palette of #508aad:
#508aad
#ad505c
#ada250
Rectangle (tetradic) palette of #508aad:
#508aad
#7350ad
#ad7350
#8aad50
Suggested color palettes for #508aad HEX:
Color palette with color #508aad #1:
Color palette with color #508aad #2:
Color palette with color #508aad #3:
Color palette with color #508aad #4:
Color palette with color #508aad #5:
Color Contrast
Color pairings of #508aad with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#508aad
#508aadContrast Ratio
3.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#508aad
#508aadContrast Ratio
5.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #508aad color png
Visit the popular colors list for more colors