Royal Blue

#2A3AFE

General Information about #2A3AFE

The hexadecimal color #2A3AFE is a shade of blue, often referred to as Royal Blue. In the RGB color model, it is composed of 16.47% red, 22.75% green, and 99.61% blue. The color is associated with qualities like trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. Royal Blue has been used in heraldry and flags to denote authority and leadership. In color psychology, blue is known to have a calming effect, promoting relaxation and tranquility. It is also commonly associated with the sky and the sea. In branding and marketing, Royal Blue can be used to convey a sense of reliability, stability, and professionalism, making it a popular choice for corporate identities, especially in the financial and technology sectors. The color name 'Royal Blue' originated in the early 19th century and was created for a dress made for Queen Charlotte of the United Kingdom. Its vivid and rich hue quickly gained popularity, becoming a staple in fashion and design. It is considered a versatile color that can be combined with both warm and cool tones to create visually appealing combinations.

The color #2A3AFE, also known as Royal Blue, presents some accessibility challenges, particularly concerning color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) contrast ratio requirements 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. Therefore, when employing #2A3AFE for text, it's crucial to pair it with a lighter background to ensure sufficient contrast. Similarly, if it's used as a background color, the text on top of it should be a light color like white or a very pale yellow to achieve adequate contrast. Tools like online contrast checkers can be used to verify the compliance of color combinations with accessibility standards. When using this color for interactive elements like buttons or links, ensure there are additional visual cues beyond color to indicate state changes, such as hover or focus. This is important for users who may have difficulty distinguishing colors. Also consider the context and target audience of your design. If the design is aimed at users with visual impairments, it is vital to select colors that provide optimal contrast and readability.

Shades

Digital Color Formats

RGB
42 58 254
RGB42 58 254
Red
Green
Blue
HSL
235.47deg 99.07% 58.04%
235.4799.0758.04HSL
Hue
Saturation
Lightness
HWB
235.47deg 16.47% 0.39%
235.4716.470.39HWB
Hue
Whiteness
Blackness
hex#2A3AFE
rgb42 58 254
hsl235.47deg 99.07% 58.04%
cmyk83.46% 77.17% 0% 0.39%
hwb235.47deg 16.47% 0.39%
xyz-d650.2 0.11 0.95
oklch0.5006 0.2787 267.98
oklab0.5006 -0.01 -0.28
CMYK
83.46% 77.17% 0% 0.39%
83.4677.1700.39CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.2 0.11 0.95
0.20.110.95XYZ
X
Y
Z
OKLCH
0.5006 0.2787 267.98
0.50060.2787267.98LCH
Lightness
Chroma
Hue
OKLAB
0.5006 -0.01 -0.28
0.5006-0.01-0.28LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons