Blue Gem

#311A9A

General Information about Blue Gem

The hex color #311A9A, also known as Blue Gem, is a dark shade of blue-purple. In the RGB color model, it is composed of 19.22% red, 10.2% green, and 60.39% blue. In the CMYK color model, it is composed of 68.18% cyan, 83.14% magenta, 0% yellow, and 39.61% black. This color is often associated with royalty, sophistication, and mystery. Its unique blend of blue and purple creates a visually striking and memorable hue. Blue Gem's hexadecimal value is frequently employed in graphic design, web development, and various artistic applications to evoke a sense of depth and intrigue.

The hex color #311A9A, also known as Blue Gem, presents specific accessibility considerations for web design. Given its relatively low lightness value, it's crucial to ensure sufficient contrast when pairing it with text or other interactive elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to meet AA compliance. When using #311A9A as a background, consider using light or white text to ensure readability. Tools like contrast checkers can help evaluate the contrast ratio between this color and other elements. Furthermore, avoid using color as the sole means of conveying information; provide alternative cues like text labels or icons to accommodate users with color vision deficiencies.

Shades

Digital Color Formats

RGB
49 26 154
RGB49 26 154
Red
Green
Blue
HSL
250.78deg 71.11% 35.29%
250.7871.1135.29HSL
Hue
Saturation
Lightness
HWB
250.78deg 10.2% 39.61%
250.7810.239.61HWB
Hue
Whiteness
Blackness
hex#311A9A
rgb49 26 154
hsl250.78deg 71.11% 35.29%
cmyk68.18% 83.12% 0% 39.61%
hwb250.78deg 10.2% 39.61%
xyz-d650.07 0.04 0.31
oklch0.3552 0.189 278.94
oklab0.3552 0.03 -0.19
CMYK
68.18% 83.12% 0% 39.61%
68.1883.12039.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.04 0.31
0.070.040.31XYZ
X
Y
Z
OKLCH
0.3552 0.189 278.94
0.35520.189278.94LCH
Lightness
Chroma
Hue
OKLAB
0.3552 0.03 -0.19
0.35520.03-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons