Light Royal is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #5263FF, which equals rgb(82, 99, 255) in RGB and hsl(234, 100%, 66%) in HSL. In print terms it converts to roughly C68 M61 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#5263FF - RGB
82, 99, 255 - HSL
234°, 100%, 66% - CMYK
68, 61, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light Royal
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 4.59:1. Its complementary color is #FFEE52.
Download Light Royal as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Royal color codes
| HEX | #5263FF |
|---|---|
| RGB | rgb(82, 99, 255) |
| HSL | hsl(234, 100%, 66%) |
| HSV | 234°, 68%, 100% |
| CMYK | 68%, 61%, 0%, 0% |
| Decimal | 5399551 |
Shades and tints of Light Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2E5FF - 100
#C5CBFF - 200
#A9B1FF - 300
#8C97FF - 400
#6F7DFF - 500
#5263FF - 600
#4453D5 - 700
#3742AA - 800
#293280 - 900
#1B2155 - 950
#0E112B
Color harmonies for Light Royal
- Complementary
#FFEE52≈ Light Yellow Tone - Analogous −30°
#52BAFF≈ Light Capri - Analogous +30°
#9752FF≈ Light Iris - Triadic +120°
#FF5263≈ Light Red - Triadic +240°
#63FF52≈ Light Green Tone - Split 150°
#FF9752≈ Light Cinnabar - Split 210°
#BAFF52≈ Light Chartreuse
Contrast and accessibility of Light Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Royal | Aa | 4.58:1 | AA (good) |
| Black text on Light Royal | Aa | 4.59:1 | AA (good) |
CSS code for Light Royal
background-color: #5263FF;color: #5263FF;background-color: rgb(82, 99, 255);background-color: hsl(234, 100%, 66%);:root { --color-light-royal: #5263FF; }class="bg-[#5263FF]"Colors similar to Light Royal
- Light Cobalt
#5274FF - Light Blue Tone
#5252FF - Light Bright Blue
#6363EE - Light Ultramarine
#6352FF - Medium Light Bright Cobalt
#3E60EA - Light Bright Royal
#6371EE - Medium Light Bright Sapphire
#3E72EA - Light Bright Ultramarine
#7163EE - Royal Blue
#4169E1 - Medium Light Bright Royal
#3E4FEA - Medium Light Sapphire
#2969FF - Light Indigo
#7452FF
More blue shades
- Very Dark Royal
#00095C - Dark Royal
#000D85 - Deep Royal
#0011AD - Medium Dark Royal
#0015D6 - Pure Royal
#0019FF - Medium Light Royal
#293EFF - Pale Royal
#7A88FF - Very Pale Royal
#A3ACFF - Palest Royal
#CCD1FF - Darkest Bright Royal
#05092E - Very Dark Bright Royal
#091153
Frequently asked questions
What is the HEX code for Light Royal?
The HEX code for Light Royal is #5263FF.
What is the RGB value of Light Royal?
Light Royal has an RGB value of 82, 99, 255 (rgb(82, 99, 255)). In HSL it is 234°, 100%, 66%.
What text color should I use on Light Royal?
Use black text on Light Royal. White text has a contrast ratio of 4.58:1 and black text has 4.59:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Royal?
The complementary color of Light Royal is #FFEE52. Analogous colors #52BAFF and #9752FF also pair well.