Royal Blue

#312EFA

General Information

Royal Blue, represented by the hex code #312EFA, is a vibrant and saturated shade of blue that evokes feelings of royalty, authority, and trust. In the RGB color model, it is composed of 19.22% red, 18.43% green, and 98.04% blue. This particular combination gives Royal Blue its distinct, rich appearance. The color is often associated with nobility, confidence, and stability, making it a popular choice for branding and design projects that aim to convey these qualities. In terms of color theory, Royal Blue is a primary color and is frequently used in a wide array of applications, from web design to fashion, owing to its strong visual impact and symbolic weight.

The color #312EFA, also known as Royal Blue, presents some accessibility challenges, especially when used as a background or text color. Its luminance value is relatively low, which means that text rendered in this color on a white background might not provide sufficient contrast for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, it's crucial to pair #312EFA with a very light color to ensure readability. When using this color, carefully consider its impact on users with different visual abilities and always test the color combination using accessibility tools to verify sufficient contrast.

Shades

Digital Color Formats

RGB
49 46 250
RGB49 46 250
Red
Green
Blue
HSL
240.88deg 95.33% 58.04%
240.8895.3358.04HSL
Hue
Saturation
Lightness
HWB
240.88deg 18.04% 1.96%
240.8818.041.96HWB
Hue
Whiteness
Blackness
hex#312EFA
rgb49 46 250
hsl240.88deg 95.33% 58.04%
cmyk80.4% 81.6% 0% 1.96%
hwb240.88deg 18.04% 1.96%
xyz-d650.19 0.1 0.91
oklch0.4856 0.2817 269.84
oklab0.4856 0 -0.28
CMYK
80.4% 81.6% 0% 1.96%
80.481.601.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.19 0.1 0.91
0.190.10.91XYZ
X
Y
Z
OKLCH
0.4856 0.2817 269.84
0.48560.2817269.84LCH
Lightness
Chroma
Hue
OKLAB
0.4856 0 -0.28
0.48560-0.28LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons