Created at 03/03/2023 08:39
#506bb4 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #506bb4 | RGB(80, 107, 180) |
RGB values are RGB(80, 107, 180)
#506bb4 color contain Red 31.37%, Green 41.96% and Blue 70.59%.
oklch(54.15% 0.1188 267.1)
#506bb4 color contain Red 31.37%, Green 41.96% and Blue 70.59%.
oklch(54.15% 0.1188 267.1)
Classification of #506bb4 color
#506bb4 is Light and Cool Color Saturation 40%, lightness 51%.
Shade of royalblue
Alternative colors of #506bb4
Opposite Color for #506bb4 is #b49950
#506bb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506bb4
Decimal
5270452
HEX
#506bb4
HSL
hsl(224, 40%, 51%)
HSLA
hsla(224, 40%, 51%, 1)
RGB
RGB(80, 107, 180)
RGBA
RGBA(80, 107, 180, 1)
Palettes for #506bb4 color:
Below examples of color palettes for #506bb4 HEX color
darkest color is #080b12 from shades and lightest color is #eef0f8 from tints
Shades palette of #506bb4:
#4860a2
#405690
#384b7e
#30406c
#28365a
#202b48
#182036
#101524
#080b12
#000000
Tints palette of #506bb4:
#627abc
#7389c3
#8597cb
#96a6d2
#a8b5da
#b9c4e1
#cbd3e9
#dce1f0
#eef0f8
#ffffff
Complementary palette of #506bb4:
#506bb4
#b49950
Triadic palette of #506bb4:
#506bb4
#b4506b
#6bb450
Square palette of #506bb4:
#506bb4
#b4509d
#50b467
#b49950
Analogous palette of #506bb4:
#509db4
#506bb4
Split-Complementary palette of #506bb4:
#506bb4
#509db4
Rectangle (tetradic) palette of #506bb4:
#506bb4
#b4509d
#50b467
#b46750
Loading...
Color #506bb4 used in palettes (1)
Color Contrast
Color pairings #506bb4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#506bb4
#506bb4 Contrast Ratio
5.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506bb4
#506bb4 Contrast Ratio
4.1:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506bb4 color png
Visit the popular colors list for more colors