Blue

#311DFB

General Information about #311DFB

The hexadecimal color #311DFB, also known as a deep or vibrant blue, is composed of 19.2% red, 11.4% green, and 98% blue. In the RGB color model, it is precisely defined by the values R:49, G:29, B:251. Converting this to the CMYK color model yields approximately 80.48% cyan, 88.45% magenta, 0% yellow, and 1.96% black. The color has a strong blue dominance, making it appear bold and energetic. Colors similar to #311DFB evoke a sense of trust, loyalty, and intelligence, and are often associated with technology, innovation, and depth. Due to its vibrance it is not often seen in nature.

The hex color #311dfb presents some accessibility challenges, primarily due to its relatively low luminance. This deep, vibrant blue can be difficult for individuals with visual impairments to distinguish against lighter backgrounds. When using this color for text, ensure a high contrast ratio with the background color, ideally exceeding the WCAG (Web Content Accessibility Guidelines) recommended ratios of 4.5:1 for normal text and 3:1 for large text. Tools are available online to calculate contrast ratios. Avoid pairing this blue with other dark colors, as this will exacerbate readability issues. Consider using it sparingly for decorative elements rather than crucial information. Providing alternative styling options, such as allowing users to adjust the color scheme, can greatly improve accessibility for a wider audience. Also consider providing textual labels or alternative visual cues in addition to color to ensure information is accessible to all users.

Shades

Digital Color Formats

RGB
49 29 251
RGB49 29 251
Red
Green
Blue
HSL
245.41 96.52% 54.9%
245.4196.5254.9HSL
Hue
Saturation
Lightness
HWB
245.41 11.37% 1.57%
245.4111.371.57HWB
Hue
Whiteness
Blackness
hex#311DFB
rgb49 29 251
hsl245.41 96.52% 54.9%
cmyk80.48% 88.45% 0% 1.57%
hwb245.41 11.37% 1.57%
xyz19.12 8.5 91.9
CMYK
80.48% 88.45% 0% 1.57%
80.4888.4501.57CMYK
Cyan
Magenta
Yellow
Key
XYZ
19.12 8.5 91.9
19.128.591.9XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025