#506ad4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506ad4 | RGB(80, 106, 212) |
Created at 06/07/2025 11:55
Classification of #506ad4 color
#506ad4 is Semi dark and Cool Color Saturation 61%, lightness 57%.
Tint of royalblue
RGB values are RGB(80, 106, 212)
#506ad4 color contains Red 31.37%, Green 41.57% and Blue 83.14%.
oklch(56.01% 0.1651 269.98)
#506ad4 color contains Red 31.37%, Green 41.57% and Blue 83.14%.
oklch(56.01% 0.1651 269.98)
Color Names of #506ad4 HEX code
≈ Indigo
Alternative colors of #506ad4
Opposite Color for #506ad4 is #d4ba50
#506ad4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506ad4
cmyk
CMYK(62%, 50%, 0%, 17%)
Decimal
5270228
HEX
#506ad4
HSL
hsl(228, 61%, 57%)
HSLA
hsla(228, 61%, 57%, 1)
RGB
RGB(80, 106, 212)
RGBA
RGBA(80, 106, 212, 1)
Palettes for #506ad4 color:
Below examples of color palettes for #506ad4 HEX color
darkest color is #080b15 from shades and lightest color is #eef0fb from tints
Shades palette of #506ad4:
#485fbf
#4055aa
#384a94
#30407f
#28356a
#202a55
#182040
#10152a
#080b15
#000000
Tints palette of #506ad4:
#6279d8
#7388dd
#8597e1
#96a6e5
#a8b5ea
#b9c3ee
#cbd2f2
#dce1f6
#eef0fb
#ffffff
Complementary palette of #506ad4:
#506ad4
#d4ba50
Triadic palette of #506ad4:
#506ad4
#d4506a
#6ad450
Square palette of #506ad4:
#506ad4
#d450ac
#d4ba50
#50d478
Analogous palette of #506ad4:
#50acd4
#506ad4
#7850d4
Split-Complementary palette of #506ad4:
#506ad4
#d47850
#acd450
Rectangle (tetradic) palette of #506ad4:
#506ad4
#ba50d4
#d4ba50
#6ad450
Suggested color palettes for #506ad4 HEX:
Color palette with color #506ad4 #1:
Color palette with color #506ad4 #2:
Color palette with color #506ad4 #3:
Color palette with color #506ad4 #4:
Color palette with color #506ad4 #5:
Color #506ad4 used in palettes (1)
Color Contrast
Color pairings #506ad4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#506ad4
#506ad4 Contrast Ratio
4.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506ad4
#506ad4 Contrast Ratio
4.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506ad4 color png
Visit the popular colors list for more colors