#506c99 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506c99 | RGB(80, 108, 153) |
Created at 03/19/2023 20:04
RGB values are RGB(80, 108, 153)
#506c99 color contains Red 31.37%, Green 42.35% and Blue 60%.
oklch(52.87% 0.0787 259.63)
#506c99 color contains Red 31.37%, Green 42.35% and Blue 60%.
oklch(52.87% 0.0787 259.63)
Color Names of #506c99 HEX code
≈ Kashmir Blue
Classification of #506c99 color
#506c99 is Semi dark and Cool Color Saturation 31%, lightness 46%.
Shade of Royal Blue
Alternative colors of #506c99
Opposite Color for #506c99 is #997d50
#506c99 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506c99
cmyk
CMYK(48%, 29%, 0%, 40%)
Decimal
5270681
HEX
#506c99
HSL
hsl(217, 31%, 46%)
HSLA
hsla(217, 31%, 46%, 1)
RGB
RGB(80, 108, 153)
RGBA
RGBA(80, 108, 153, 1)
Palettes for #506c99 color:
Below are examples of color palettes with the #506c99 HEX color
darkest color is #080b0f from shades and lightest color is #eef0f5 from tints
Shades palette of #506c99:
#48618a
#40567a
#384c6b
#30415c
#28364d
#202b3d
#18202e
#10161f
#080b0f
#000000
Tints palette of #506c99:
#627ba3
#7389ad
#8598b8
#96a7c2
#a8b6cc
#b9c4d6
#cbd3e0
#dce2eb
#eef0f5
#ffffff
Complementary palette of #506c99:
#506c99
#997d50
Triadic palette of #506c99:
#506c99
#99506c
#6c9950
Square palette of #506c99:
#506c99
#995091
#997d50
#509958
Analogous palette of #506c99:
#509199
#506c99
#585099
Split-Complementary palette of #506c99:
#506c99
#995850
#919950
Rectangle (tetradic) palette of #506c99:
#506c99
#7d5099
#997d50
#6c9950
Suggested color palettes for #506c99 HEX:
Color palette with color #506c99 #1:
Color palette with color #506c99 #2:
Color palette with color #506c99 #3:
Color palette with color #506c99 #4:
Color palette with color #506c99 #5:
Color #506c99 used in palettes (1)
Color Contrast
Color pairings of #506c99 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#506c99
#506c99Contrast Ratio
5.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506c99
#506c99Contrast Ratio
3.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506c99 color png
Visit the popular colors list for more colors