#506c84 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506c84 | RGB(80, 108, 132) |
Created at 02/25/2023 12:47
Classification of #506c84 color
#506c84 is Semi dark and Cool Color Saturation 25%, lightness 42%.
Shade of Slate Gray
RGB values are RGB(80, 108, 132)
#506c84 color contains Red 31.37%, Green 42.35% and Blue 51.76%.
oklch(51.88% 0.0504 244.85)
#506c84 color contains Red 31.37%, Green 42.35% and Blue 51.76%.
oklch(51.88% 0.0504 244.85)
Color Names of #506c84 HEX code
≈ Bismark
Alternative colors of #506c84
Opposite Color for #506c84 is #846850
#506c84 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506c84
cmyk
CMYK(39%, 18%, 0%, 48%)
Decimal
5270660
HEX
#506c84
HSL
hsl(208, 25%, 42%)
HSLA
hsla(208, 25%, 42%, 1)
RGB
RGB(80, 108, 132)
RGBA
RGBA(80, 108, 132, 1)
Palettes for #506c84 color:
Below are examples of color palettes with the #506c84 HEX color
darkest color is #080b0d from shades and lightest color is #eef0f3 from tints
Shades palette of #506c84:
#486177
#40566a
#384c5c
#30414f
#283642
#202b35
#182028
#10161a
#080b0d
#000000
Tints palette of #506c84:
#627b90
#73899d
#8598a9
#96a7b5
#a8b6c2
#b9c4ce
#cbd3da
#dce2e6
#eef0f3
#ffffff
Complementary palette of #506c84:
#506c84
#846850
Triadic palette of #506c84:
#506c84
#84506c
#6c8450
Square palette of #506c84:
#506c84
#825084
#846850
#528450
Analogous palette of #506c84:
#508482
#506c84
#505284
Split-Complementary palette of #506c84:
#506c84
#845052
#848250
Rectangle (tetradic) palette of #506c84:
#506c84
#685084
#846850
#6c8450
Suggested color palettes for #506c84 HEX:
Color palette with color #506c84 #1:
Color palette with color #506c84 #2:
Color palette with color #506c84 #3:
Color palette with color #506c84 #4:
Color palette with color #506c84 #5:
Color #506c84 used in palettes (1)
Color Contrast
Color pairings of #506c84 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#506c84
#506c84 Contrast Ratio
5.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506c84
#506c84 Contrast Ratio
3.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506c84 color png
Visit the popular colors list for more colors