royalblue 1
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#4876FF
X11 color
Royalblue 1 (#4876FF) is the brightest variant in the X11 Royal Blue series, a vivid, lighter blue-violet with maximum intensity in the royal blue family. The increased brightness compared to the CSS standard gives it a more electric, modern quality suitable for UI highlights, digital branding, and high-visibility applications. It retains the authoritative depth of the family while adding a contemporary luminosity that reads well on both light and dark backgrounds.
Color Values
#4876FF
72, 118, 255
224.9, 100.0%, 64.1%
224.9, 71.8%, 100.0%
71.8%, 53.7%, 0.0%, 0.0%
0.6104 0.21 266.2
Properties
Color Psychology
True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.
Design Usage
Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #4876FF;
color: #4876FF;
border-color: #4876FF;
Blue 600
#2563EB
Tailwind Shades
Contrast Checker
Text on white
3.95:1
Text on black
5.31:1