Royal Blue

#303EE8

General Information about Royal Blue

Royal Blue, represented by the hexadecimal color code #303EE8, is a deep and vibrant shade of blue often associated with royalty, elegance, and sophistication. It is a popular color choice in various design fields, including web design, graphic design, and interior decoration. Royal Blue is a tertiary color, resulting from the mixing of primary blue with smaller amounts of red. Its rich tone evokes feelings of trust, stability, and authority, making it suitable for branding and visual communication where these qualities are desired. The color is widely available, allowing it to be easily incorporated in different design elements. Its presence makes a distinct look and feel.

The accessibility of #303EE8 (Royal Blue) needs careful consideration in web design. Its contrast ratio with white text is relatively low, potentially failing WCAG AA standards for normal text. Using it for important textual content requires a lighter text color like white (#FFFFFF) or a very light shade of yellow to meet accessibility guidelines. Conversely, dark text on a #303EE8 background may also present readability issues. When using this color for interactive elements such as buttons or links, ensure sufficient visual cues are provided beyond color alone, such as underlines, icons, or changes in state (e.g., hover effects) to aid users with visual impairments or color blindness. Thorough testing with accessibility evaluation tools is crucial to guarantee an inclusive user experience.

Shades

Digital Color Formats

RGB
48 62 232
RGB48 62 232
Red
Green
Blue
HSL
235.43deg 80% 54.9%
235.438054.9HSL
Hue
Saturation
Lightness
HWB
235.43deg 18.82% 9.02%
235.4318.829.02HWB
Hue
Whiteness
Blackness
hex#303EE8
rgb48 62 232
hsl235.43deg 80% 54.9%
cmyk79.31% 73.28% 0% 9.02%
hwb235.43deg 18.82% 9.02%
xyz-d650.18 0.1 0.77
oklch0.4848 0.249 269.42
oklab0.4848 0 -0.25
CMYK
79.31% 73.28% 0% 9.02%
79.3173.2809.02CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.18 0.1 0.77
0.180.10.77XYZ
X
Y
Z
OKLCH
0.4848 0.249 269.42
0.48480.249269.42LCH
Lightness
Chroma
Hue
OKLAB
0.4848 0 -0.25
0.48480-0.25LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons