Blue Gem

#310F89

General Information about Blue Gem (#310F89)

#310F89, also known as Blue Gem, is a dark shade of blue in the blue-violet color range. It has a distinctive depth and richness, making it suitable for applications where a sense of sophistication or luxury is desired. This hex code translates to RGB values of R:49, G:15, B:137, indicating a strong blue component with minimal red and green. It falls under the broader category of blue colors and is often associated with feelings of tranquility and stability. In color theory, #310F89's characteristics suggest it is better suited for use as an accent color rather than a primary background color, due to its darkness.

The hex color #310f89, also known as Blue Gem, presents some accessibility challenges, especially for text-based content. Its dark hue results in low contrast when paired with other dark colors, making it difficult for users with visual impairments to read. To improve accessibility, it is recommended to use this color with light backgrounds like white (#ffffff) or very light grays to ensure sufficient contrast ratio, ideally meeting WCAG (Web Content Accessibility Guidelines) AA or AAA standards. Tools like contrast checkers can help evaluate the contrast ratio between text and background colors. Also, avoid using this color for essential interactive elements without proper visual cues.

Shades

Digital Color Formats

RGB
49 15 137
RGB49 15 137
Red
Green
Blue
HSL
256.72deg 80.26% 29.8%
256.7280.2629.8HSL
Hue
Saturation
Lightness
HWB
256.72deg 5.88% 46.27%
256.725.8846.27HWB
Hue
Whiteness
Blackness
hex#310F89
rgb49 15 137
hsl256.72deg 80.26% 29.8%
cmyk64.23% 89.05% 0% 46.27%
hwb256.72deg 5.88% 46.27%
xyz-d650.06 0.03 0.24
oklch0.3253 0.1774 283.12
oklab0.3253 0.04 -0.17
CMYK
64.23% 89.05% 0% 46.27%
64.2389.05046.27CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.03 0.24
0.060.030.24XYZ
X
Y
Z
OKLCH
0.3253 0.1774 283.12
0.32530.1774283.12LCH
Lightness
Chroma
Hue
OKLAB
0.3253 0.04 -0.17
0.32530.04-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons