PaletifyHow to use this color
Use #5368DF as a brand accent, illustration tone, background tint, or button color. Check contrast before placing text over it.
Royal Blue
#5368DF
Color values
#5368DF color information
#5368DF is closest to Royal Blue. Use these HEX, RGB, and HSL values in CSS, design systems, brand palettes, and palette generator workflows.
HEX
#5368DF
RGB
rgb(83, 104, 223)
HSL
hsl(231, 69%, 60%)
Related colors and shades
Palette ideas
Pair it with one lighter shade for surfaces and one darker shade for hover states, borders, or emphasis.
Extract more colors
Need colors from an image? Use the Paletify image color picker to generate a complete palette from photos, screenshots, and artwork.