#506b7c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506b7c | RGB(80, 107, 124) |
Created at 01/28/2024 00:20
RGB values are RGB(80, 107, 124)
#506b7c color contains Red 31.37%, Green 41.96% and Blue 48.63%.
oklch(51.30% 0.0417 236.28)
#506b7c color contains Red 31.37%, Green 41.96% and Blue 48.63%.
oklch(51.30% 0.0417 236.28)
Color Names of #506b7c HEX code
≈ Blue Bayoux
Classification of #506b7c color
#506b7c is Semi dark and Cool Color Saturation 22%, lightness 40%.
Shade of Slate Gray
Alternative colors of #506b7c
Opposite Color for #506b7c is #7c6150
#506b7c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506b7c
cmyk
CMYK(35%, 14%, 0%, 51%)
Decimal
5270396
HEX
#506b7c
HSL
hsl(203, 22%, 40%)
HSLA
hsla(203, 22%, 40%, 1)
RGB
RGB(80, 107, 124)
RGBA
RGBA(80, 107, 124, 1)
Palettes for #506b7c color:
Below are examples of color palettes with the #506b7c HEX color
darkest color is #080b0c from shades and lightest color is #eef0f2 from tints
Shades palette of #506b7c:
#486070
#405663
#384b57
#30404a
#28363e
#202b32
#182025
#101519
#080b0c
#000000
Tints palette of #506b7c:
#627a89
#738996
#8597a3
#96a6b0
#a8b5be
#b9c4cb
#cbd3d8
#dce1e5
#eef0f2
#ffffff
Complementary palette of #506b7c:
#506b7c
#7c6150
Triadic palette of #506b7c:
#506b7c
#7c506b
#6b7c50
Square palette of #506b7c:
#506b7c
#77507c
#7c6150
#557c50
Analogous palette of #506b7c:
#507c77
#506b7c
#50557c
Split-Complementary palette of #506b7c:
#506b7c
#7c5055
#7c7750
Rectangle (tetradic) palette of #506b7c:
#506b7c
#61507c
#7c6150
#6b7c50
Suggested color palettes for #506b7c HEX:
Color palette with color #506b7c #1:
Color palette with color #506b7c #2:
Color palette with color #506b7c #3:
Color palette with color #506b7c #4:
Color palette with color #506b7c #5:
Color Contrast
Color pairings of #506b7c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#506b7c
#506b7cContrast Ratio
5.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506b7c
#506b7cContrast Ratio
3.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506b7c color png
Visit the popular colors list for more colors