Royal Blue

#304AE8

General Information about Royal Blue

Royal Blue, represented by the hexadecimal color code #304AE8, is a captivating shade of blue that exudes a sense of regality and sophistication. It is a tertiary color, created by mixing primary blue with a touch of red and green, resulting in a hue that is both vibrant and calming. This particular shade of blue is often associated with royalty, trust, and stability. In color psychology, blue is known to evoke feelings of peace, tranquility, and security, making it a popular choice for various applications ranging from branding to interior design. The hex code #304AE8 breaks down into 19.8% red, 29% green, and 90.9% blue, demonstrating the strong presence of blue in its composition. Royal Blue is widely used in corporate branding to convey professionalism and reliability. Its versatility allows it to be paired with a variety of colors to create different moods and effects.

The color #304AE8, a vibrant royal blue, presents some accessibility considerations for web design. Its luminance value requires careful selection of foreground and background colors to ensure sufficient contrast, especially for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #304AE8 as a background, pairing it with white or a very light shade of yellow or green can provide adequate contrast. Conversely, dark text colors like black or very dark gray should be avoided. Employing contrast checking tools during the design process is essential to verify compliance and guarantee readability for all users. Furthermore, consider providing alternative color schemes to allow users to customize their viewing experience based on their individual needs and preferences. Ensure interactive elements using this color have clear visual cues beyond just color to aid users who are colorblind. Proper implementation enhances usability and inclusivity.

Shades

Digital Color Formats

RGB
48 74 232
RGB48 74 232
Red
Green
Blue
HSL
231.52deg 80% 54.9%
231.528054.9HSL
Hue
Saturation
Lightness
HWB
231.52deg 18.82% 9.02%
231.5218.829.02HWB
Hue
Whiteness
Blackness
hex#304AE8
rgb48 74 232
hsl231.52deg 80% 54.9%
cmyk79.31% 68.1% 0% 9.02%
hwb231.52deg 18.82% 9.02%
xyz-d650.18 0.11 0.78
oklch0.5028 0.2371 268.29
oklab0.5028 -0.01 -0.24
CMYK
79.31% 68.1% 0% 9.02%
79.3168.109.02CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.18 0.11 0.78
0.180.110.78XYZ
X
Y
Z
OKLCH
0.5028 0.2371 268.29
0.50280.2371268.29LCH
Lightness
Chroma
Hue
OKLAB
0.5028 -0.01 -0.24
0.5028-0.01-0.24LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons