Royal Blue

#315FF7

About Royal Blue (#315FF7)

Royal Blue, represented by the hex code #315FF7, is a vivid and saturated shade of blue that evokes feelings of nobility, confidence, and sophistication. It sits between pure blue and a slightly deeper hue, making it a versatile color for various applications. In the RGB color model, it consists of 19.22% red, 37.65% green, and 96.86% blue. This combination gives it a bright and energetic quality. Historically, royal blue has been associated with royalty and prestige, often used in ceremonial robes and flags. Its modern usage spans across branding, design, and fashion, conveying trust, stability, and authority. Understanding its properties is crucial for designers aiming to communicate these qualities effectively.

The hex color #315FF7, a vibrant shade of Royal Blue, presents specific accessibility considerations for web developers. Its high saturation and relatively dark value mean that careful attention must be paid to color contrast. When used for text, it requires a light background to ensure readability, complying with WCAG standards for contrast ratios. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This color can be effective for highlighting interactive elements, but ensure sufficient contrast for users with visual impairments. Avoid using it as the sole means of conveying information, and always provide alternative cues for accessibility.

Shades

Digital Color Formats

RGB
49 95 247
RGB49 95 247
Red
Green
Blue
HSL
226.06deg 92.52% 58.04%
226.0692.5258.04HSL
Hue
Saturation
Lightness
HWB
226.06deg 19.22% 3.14%
226.0619.223.14HWB
Hue
Whiteness
Blackness
hex#315FF7
rgb49 95 247
hsl226.06deg 92.52% 58.04%
cmyk80.16% 61.54% 0% 3.14%
hwb226.06deg 19.22% 3.14%
xyz-d650.22 0.16 0.9
oklch0.5525 0.2323 265.83
oklab0.5525 -0.02 -0.23
CMYK
80.16% 61.54% 0% 3.14%
80.1661.5403.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.22 0.16 0.9
0.220.160.9XYZ
X
Y
Z
OKLCH
0.5525 0.2323 265.83
0.55250.2323265.83LCH
Lightness
Chroma
Hue
OKLAB
0.5525 -0.02 -0.23
0.5525-0.02-0.23LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons