Royal Blue

#2662F2

General Information about #2662F2 (Royal Blue)

The hexadecimal color #2662F2, also known as Royal Blue, is a vibrant and saturated blue hue. It is composed of 14.9% red, 38.4% green, and 94.9% blue. In the RGB color model, it has the values (38, 98, 242). Royal Blue is often associated with royalty, nobility, and trustworthiness. It is perceived as a calming and sophisticated color, making it a popular choice for various applications, ranging from digital interfaces to fashion and interior design. The color falls under the broader category of blue hues, which are generally associated with tranquility, stability, and intelligence. In color psychology, blue is believed to promote a sense of peace and security. The hex code provides a standardized way to represent this specific shade of blue across different platforms and devices, ensuring color consistency in design and development projects. Royal Blue finds its application in user interfaces, branding and marketing, and interior design. Royal Blue is a strong and trustful color.

The color #2662F2, a shade of royal blue, presents some accessibility challenges, particularly for users with visual impairments. Its relatively low luminance value of 0.15 means it may not provide sufficient contrast against light backgrounds, making text or interface elements difficult to read. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #2662F2 for text or interactive elements, it is crucial to pair it with a sufficiently light color, such as white (#FFFFFF) or a very light yellow, to ensure readability. Testing the color combination with accessibility tools like the WebAIM contrast checker is highly advisable. Additionally, avoid relying solely on color to convey information; use accompanying text or icons to ensure that users who cannot distinguish color can still understand the content. Consideration should be given to users with color vision deficiencies, such as deuteranopia or protanopia, who may perceive the color differently. Therefore, carefully assess the color's impact on various user groups to promote inclusive design.

Shades

Digital Color Formats

RGB
38 98 242
RGB38 98 242
Red
Green
Blue
HSL
222.35deg 88.7% 54.9%
222.3588.754.9HSL
Hue
Saturation
Lightness
HWB
222.35deg 14.9% 5.1%
222.3514.95.1HWB
Hue
Whiteness
Blackness
hex#2662F2
rgb38 98 242
hsl222.35deg 88.7% 54.9%
cmyk84.3% 59.5% 0% 5.1%
hwb222.35deg 14.9% 5.1%
xyz-d650.21 0.16 0.86
oklch0.5504 0.225 263.55
oklab0.5504 -0.03 -0.22
CMYK
84.3% 59.5% 0% 5.1%
84.359.505.1CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.21 0.16 0.86
0.210.160.86XYZ
X
Y
Z
OKLCH
0.5504 0.225 263.55
0.55040.225263.55LCH
Lightness
Chroma
Hue
OKLAB
0.5504 -0.03 -0.22
0.5504-0.03-0.22LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons