#506c80 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506c80 | RGB(80, 108, 128) |
Created at 02/26/2023 23:24
RGB values are RGB(80, 108, 128)
#506c80 color contains Red 31.37%, Green 42.35% and Blue 50.2%.
oklch(51.71% 0.0457 239.83)
#506c80 color contains Red 31.37%, Green 42.35% and Blue 50.2%.
oklch(51.71% 0.0457 239.83)
Color Names of #506c80 HEX code
≈ Bismark
Classification of #506c80 color
#506c80 is Semi dark and Cool Color Saturation 23%, lightness 41%.
Shade of Slate Gray
Alternative colors of #506c80
Opposite Color for #506c80 is #806450
#506c80 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506c80
cmyk
CMYK(38%, 16%, 0%, 50%)
Decimal
5270656
HEX
#506c80
HSL
hsl(205, 23%, 41%)
HSLA
hsla(205, 23%, 41%, 1)
RGB
RGB(80, 108, 128)
RGBA
RGBA(80, 108, 128, 1)
Palettes for #506c80 color:
Below are examples of color palettes with the #506c80 HEX color
darkest color is #080b0d from shades and lightest color is #eef0f2 from tints
Shades palette of #506c80:
#486173
#405666
#384c5a
#30414d
#283640
#202b33
#182026
#10161a
#080b0d
#000000
Tints palette of #506c80:
#627b8d
#738999
#8598a6
#96a7b3
#a8b6c0
#b9c4cc
#cbd3d9
#dce2e6
#eef0f2
#ffffff
Complementary palette of #506c80:
#506c80
#806450
Triadic palette of #506c80:
#506c80
#80506c
#6c8050
Square palette of #506c80:
#506c80
#7c5080
#806450
#548050
Analogous palette of #506c80:
#50807c
#506c80
#505480
Split-Complementary palette of #506c80:
#506c80
#805054
#807c50
Rectangle (tetradic) palette of #506c80:
#506c80
#645080
#806450
#6c8050
Suggested color palettes for #506c80 HEX:
Color palette with color #506c80 #1:
Color palette with color #506c80 #2:
Color palette with color #506c80 #3:
Color palette with color #506c80 #4:
Color palette with color #506c80 #5:
Color #506c80 used in palettes (1)
Color Contrast
Color pairings of #506c80 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#506c80
#506c80Contrast Ratio
5.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506c80
#506c80Contrast Ratio
3.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506c80 color png
Visit the popular colors list for more colors