#506dfd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #506dfd | RGB(80, 109, 253) |
Created at 10/29/2026 20:23
RGB values are RGB(80, 109, 253)
#506dfd color contains Red 31.37%, Green 42.75% and Blue 99.22%.
oklch(59.58% 0.2158 269.93)
#506dfd color contains Red 31.37%, Green 42.75% and Blue 99.22%.
oklch(59.58% 0.2158 269.93)
Color Names of #506dfd HEX code
≈ Royal Blue
Classification of #506dfd color
#506dfd is Light and Cool Color Saturation 98%, lightness 65%.
Tint of Royal Blue
Alternative colors of #506dfd
Opposite Color for #506dfd is #fde050
#506dfd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #506dfd
cmyk
CMYK(68%, 57%, 0%, 1%)
Decimal
5271037
HEX
#506dfd
HSL
hsl(230, 98%, 65%)
HSLA
hsla(230, 98%, 65%, 1)
RGB
RGB(80, 109, 253)
RGBA
RGBA(80, 109, 253, 1)
Palettes for #506dfd color:
Below are examples of color palettes with the #506dfd HEX color
darkest color is #080b19 from shades and lightest color is #eef0ff from tints
Shades palette of #506dfd:
#4862e4
#4057ca
#384cb1
#304198
#28377f
#202c65
#18214c
#101633
#080b19
#000000
Tints palette of #506dfd:
#627cfd
#738afd
#8599fe
#96a7fe
#a8b6fe
#b9c5fe
#cbd3fe
#dce2ff
#eef0ff
#ffffff
Complementary palette of #506dfd:
#506dfd
#fde050
Triadic palette of #506dfd:
#506dfd
#fd506d
#6dfd50
Square palette of #506dfd:
#506dfd
#fd50c3
#fde050
#50fd8a
Analogous palette of #506dfd:
#50c3fd
#506dfd
#8a50fd
Split-Complementary palette of #506dfd:
#506dfd
#fd8a50
#c3fd50
Rectangle (tetradic) palette of #506dfd:
#506dfd
#e050fd
#fde050
#6dfd50
Suggested color palettes for #506dfd HEX:
Color palette with color #506dfd #1:
Color palette with color #506dfd #2:
Color palette with color #506dfd #3:
Color palette with color #506dfd #4:
Color palette with color #506dfd #5:
Color Contrast
Color pairings of #506dfd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#506dfd
#506dfdContrast Ratio
4.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#506dfd
#506dfdContrast Ratio
4.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #506dfd color png
Visit the popular colors list for more colors