Dark Blue

#3106E0

General Information about Dark Blue (#3106E0)

The hexadecimal color #3106e0, also known as Dark Blue, is a deep and rich shade of blue with a strong presence. It is composed of 19.22% red, 2.35% green, and 87.84% blue. This color belongs to the blue color family and conveys feelings of trust, loyalty, and intelligence. Dark Blue is often used to represent authority and stability. In color theory, it is important to understand its properties and how it interacts with other colors. The complementary color of #3106e0 is #e0d906, a bright yellow, which creates a strong contrast when used together.

The hex color #3106e0, a dark blue, presents significant accessibility challenges, especially when used as text on a white background or vice versa. Its low luminance contrast makes it difficult for individuals with visual impairments to distinguish text from the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. This dark blue likely falls short of these recommendations, potentially excluding users with low vision or color blindness. To improve accessibility, consider pairing #3106e0 with a very light color, such as white (#ffffff) or a pale yellow (#ffffcc). Alternatively, using it for large graphical elements can be acceptable, but always test with accessibility tools to ensure sufficient contrast.

Shades

Digital Color Formats

RGB
49 6 224
RGB49 6 224
Red
Green
Blue
HSL
251.83deg 94.78% 45.1%
251.8394.7845.1HSL
Hue
Saturation
Lightness
HWB
251.83deg 2.35% 12.16%
251.832.3512.16HWB
Hue
Whiteness
Blackness
hex#3106E0
rgb49 6 224
hsl251.83deg 94.78% 45.1%
cmyk78.13% 97.32% 0% 12.16%
hwb251.83deg 2.35% 12.16%
xyz-d650.15 0.06 0.71
oklch0.4281 0.2727 272.08
oklab0.4281 0.01 -0.27
CMYK
78.13% 97.32% 0% 12.16%
78.1397.32012.16CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.15 0.06 0.71
0.150.060.71XYZ
X
Y
Z
OKLCH
0.4281 0.2727 272.08
0.42810.2727272.08LCH
Lightness
Chroma
Hue
OKLAB
0.4281 0.01 -0.27
0.42810.01-0.27LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons