Dark Blue

#2214D2

Understanding #2214D2

The hexadecimal color code #2214D2 represents a specific point in the color spectrum, categorized as a dark shade of blue. Hex color codes are widely used in web design and digital graphics as a concise way to define colors. The code #2214D2 is composed of three two-digit hexadecimal numbers, each representing the intensity of red, green, and blue, respectively. In this case, '22' represents the red component, '14' represents the green component, and 'D2' represents the blue component. These values combine to create a deep, somewhat muted blue. Understanding how hex codes work allows designers to precisely control and replicate colors across various digital platforms, ensuring consistency in visual branding and user interfaces.

The hex color #2214D2 presents significant accessibility challenges, primarily due to its dark shade of blue. When used as a foreground color, it requires a very light background to ensure sufficient contrast for readability, especially for users with visual impairments. 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 may not meet these ratios with many common background colors, potentially causing eye strain and making content difficult to perceive. Therefore, careful consideration and testing with accessibility tools are essential when implementing this color in web design to avoid excluding users.

Shades

Digital Color Formats

RGB
34 20 210
RGB34 20 210
Red
Green
Blue
HSL
244.42deg 82.61% 45.1%
244.4282.6145.1HSL
Hue
Saturation
Lightness
HWB
244.42deg 7.84% 17.65%
244.427.8417.65HWB
Hue
Whiteness
Blackness
hex#2214D2
rgb34 20 210
hsl244.42deg 82.61% 45.1%
cmyk83.81% 90.48% 0% 17.65%
hwb244.42deg 7.84% 17.65%
xyz-d650.13 0.05 0.61
oklch0.4092 0.2579 268.99
oklab0.4092 0 -0.26
CMYK
83.81% 90.48% 0% 17.65%
83.8190.48017.65CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.13 0.05 0.61
0.130.050.61XYZ
X
Y
Z
OKLCH
0.4092 0.2579 268.99
0.40920.2579268.99LCH
Lightness
Chroma
Hue
OKLAB
0.4092 0 -0.26
0.40920-0.26LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons