Blue Gem

#311C98

General Information about Blue Gem

The hex color #311C98, also known as Blue Gem, is a deep, rich shade of blue with a hint of purple. It belongs to the blue-violet color family and possesses a sophisticated and mysterious quality. In the RGB color model, it is composed of 19.22% red, 10.98% green, and 59.61% blue. This color is often associated with royalty, wisdom, and spirituality. Its depth and complexity make it suitable for creating a sense of elegance and intrigue in design projects. Blue Gem can be used to evoke feelings of calmness and serenity, while also conveying a sense of power and authority. This color works well in designs that aim to be both aesthetically pleasing and intellectually stimulating.

The hex color #311C98, also known as Blue Gem, presents some accessibility challenges, particularly in text and user interface design. Its dark hue results in low contrast against similarly dark backgrounds, making it difficult for users, especially those with visual impairments, to discern text or interactive elements. To enhance accessibility, it's crucial to pair this color with lighter shades, such as whites, creams, or light yellows, to ensure a contrast ratio that meets WCAG guidelines. A contrast ratio of at least 4.5:1 for regular text and 3:1 for large text is recommended. Using color contrast tools can help evaluate and adjust color combinations for optimal readability and usability. Moreover, avoid relying solely on color to convey information; supplement it with text labels, icons, or patterns to ensure inclusivity for all users.

Shades

Digital Color Formats

RGB
49 28 152
RGB49 28 152
Red
Green
Blue
HSL
250.16 68.89% 35.29%
250.1668.8935.29HSL
Hue
Saturation
Lightness
HWB
250.16 10.98% 40.39%
250.1610.9840.39HWB
Hue
Whiteness
Blackness
hex#311C98
rgb49 28 152
hsl250.16 68.89% 35.29%
cmyk67.76% 81.58% 0% 40.39%
hwb250.16 10.98% 40.39%
xyz7.35 3.75 30.04
CMYK
67.76% 81.58% 0% 40.39%
67.7681.58040.39CMYK
Cyan
Magenta
Yellow
Key
XYZ
7.35 3.75 30.04
7.353.7530.04XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025