Royal Blue

#2651F9

General Information about #2651F9

The hexadecimal color #2651F9, also referred to as Royal Blue, is a vibrant and saturated shade of blue with a strong presence. It belongs to the blue color family and carries connotations of royalty, sophistication, and trust. In the RGB color model, #2651F9 is composed of 14.9% red, 31.8% green, and 97.6% blue. This signifies that the color is heavily weighted towards the blue component, resulting in its distinctive appearance. In the CMYK color model, which is often used for printing, it consists of 85% cyan, 67% magenta, 0% yellow, and 2% black. The color is often associated with stability and confidence. Due to its association with the British Royal Family, the color carries certain cultural and historical weight. In design, #2651F9 can be used to create a sense of depth and trustworthiness. However, its high saturation means that it should be used judiciously, particularly in large areas or text, where it may cause eye strain. The hexadecimal color is widely used in web development, graphic design, branding and interior design.

The color #2651F9, also known as Royal Blue, presents some accessibility challenges, particularly in text-based contexts. Its luminance value is relatively low, which means it may not provide sufficient contrast against lighter backgrounds, making it difficult for users with visual impairments to read text rendered in this color. 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 #2651F9 for text, careful consideration should be given to the background color to ensure adequate contrast. White or very light shades are generally discouraged. Using a color contrast checker is essential to verify compliance. For interactive elements such as buttons and links, sufficient contrast is also crucial to ensure usability for all users. When #2651F9 is used for non-text elements, a contrast ratio of 3:1 is required against adjacent colors. When color is used as a primary means of conveying information, ensure that alternative visual cues are provided to accommodate users who are colorblind. Using patterns, text labels, or icons alongside color can help make the design more accessible and inclusive.

Shades

Digital Color Formats

RGB
38 81 249
RGB38 81 249
Red
Green
Blue
HSL
227.77deg 94.62% 56.27%
227.7794.6256.27HSL
Hue
Saturation
Lightness
HWB
227.77deg 14.9% 2.35%
227.7714.92.35HWB
Hue
Whiteness
Blackness
hex#2651F9
rgb38 81 249
hsl227.77deg 94.62% 56.27%
cmyk84.74% 67.47% 0% 2.35%
hwb227.77deg 14.9% 2.35%
xyz-d650.21 0.13 0.91
oklch0.527 0.2523 265.87
oklab0.527 -0.02 -0.25
CMYK
84.74% 67.47% 0% 2.35%
84.7467.4702.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.21 0.13 0.91
0.210.130.91XYZ
X
Y
Z
OKLCH
0.527 0.2523 265.87
0.5270.2523265.87LCH
Lightness
Chroma
Hue
OKLAB
0.527 -0.02 -0.25
0.527-0.02-0.25LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons