Royal Blue

#2F58E9

General Information About Royal Blue

The hex color #2F58E9, also known as Royal Blue, is a vibrant shade of blue with a strong presence. It is often associated with royalty, trust, and stability. In the RGB color model, it is composed of 18.43% red, 34.51% green, and 91.37% blue. This significant amount of blue gives it its characteristic hue. Royal Blue is widely used in various design fields, including web design, graphic design, and interior decoration. In web design, it can be used for creating a sense of authority and reliability. It can be employed in logos, banners, and user interface elements to convey a sense of professionalism and trust. In interior design, Royal Blue can be used as an accent color to add a touch of elegance and sophistication to a room. It is often paired with neutral colors like white, gray, or beige to create a balanced and harmonious atmosphere. Royal Blue is a versatile color with a rich history and a wide range of applications.

The color #2F58E9, also known as Royal Blue, presents some accessibility challenges, especially when used as a background or text color. Its luminance value might not provide sufficient contrast against lighter text colors, making it difficult for users with visual impairments to read the content. According to WCAG guidelines, sufficient contrast is essential for readability. When using #2F58E9, it is crucial to ensure a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). White text on a #2F58E9 background may not meet these requirements, so consider using a lighter shade of blue or a high contrast color like white or yellow for text. To ensure accessibility, web developers should always use color contrast checkers to verify compliance with accessibility standards. Also, consider that colorblind users may perceive this color differently, so it's important to use color combinations that remain distinguishable for them. Providing alternative cues, such as text labels or icons, alongside color can also improve accessibility.

Shades

Digital Color Formats

RGB
47 88 233
RGB47 88 233
Red
Green
Blue
HSL
226.77deg 80.87% 54.9%
226.7780.8754.9HSL
Hue
Saturation
Lightness
HWB
226.77deg 18.43% 8.63%
226.7718.438.63HWB
Hue
Whiteness
Blackness
hex#2F58E9
rgb47 88 233
hsl226.77deg 80.87% 54.9%
cmyk79.83% 62.23% 0% 8.63%
hwb226.77deg 18.43% 8.63%
xyz-d650.19 0.13 0.79
oklch0.5271 0.2233 266.26
oklab0.5271 -0.01 -0.22
CMYK
79.83% 62.23% 0% 8.63%
79.8362.2308.63CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.19 0.13 0.79
0.190.130.79XYZ
X
Y
Z
OKLCH
0.5271 0.2233 266.26
0.52710.2233266.26LCH
Lightness
Chroma
Hue
OKLAB
0.5271 -0.01 -0.22
0.5271-0.01-0.22LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons