Royal Blue

#303CF8

General Information

Royal Blue, represented by the hex code #303CF8, is a vibrant and rich shade of blue often associated with royalty, trust, and stability. It is a color frequently used in branding, design, and fashion to evoke feelings of confidence and sophistication. The color is composed of 19% red, 23.5% green, and 97.3% blue. Royal Blue belongs to the blue color family. In color psychology, blue is linked to serenity, stability, and intelligence, making Royal Blue a popular choice for businesses and organizations aiming to project these qualities. The color is widely used in marketing materials, web design, and product packaging to attract and reassure customers.

The color #303CF8, also known as Royal Blue, presents some accessibility challenges, particularly regarding color contrast. When used as a foreground color for text, it's crucial to pair it with a light background to ensure sufficient contrast for readability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as defined by WCAG guidelines. If used as a background, a lighter foreground color is required. Ensure interactive elements have a visible focus state, using a contrasting color to highlight selection. Carefully consider the color combinations in your design to meet accessibility standards and provide an inclusive user experience.

Shades

Digital Color Formats

RGB
48 60 248
RGB48 60 248
Red
Green
Blue
HSL
236.4deg 93.46% 58.04%
236.493.4658.04HSL
Hue
Saturation
Lightness
HWB
236.4deg 18.82% 2.75%
236.418.822.75HWB
Hue
Whiteness
Blackness
hex#303CF8
rgb48 60 248
hsl236.4deg 93.46% 58.04%
cmyk80.65% 75.81% 0% 2.75%
hwb236.4deg 18.82% 2.75%
xyz-d650.2 0.11 0.9
oklch0.4989 0.269 269.09
oklab0.4989 0 -0.27
CMYK
80.65% 75.81% 0% 2.75%
80.6575.8102.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.2 0.11 0.9
0.20.110.9XYZ
X
Y
Z
OKLCH
0.4989 0.269 269.09
0.49890.269269.09LCH
Lightness
Chroma
Hue
OKLAB
0.4989 0 -0.27
0.49890-0.27LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons