Dark Blue

#1218D4

General Information About #1218D4

#1218D4 is a dark shade of blue. It is composed of 7.1% red, 9.4% green, and 83.1% blue. In the RGB color model, this translates to 18 red, 24 green, and 212 blue. In the HSV color model, it has a hue of 236.3 degrees, a saturation of 91.5%, and a value of 83.1%. This color is often associated with feelings of trust, stability, and calmness. Due to its high blue component, it is considered a cool color. It is often used in corporate branding to convey professionalism and reliability. When used in web design, it is important to ensure sufficient contrast with text and other elements for accessibility.

The hex color #1218d4 presents significant accessibility challenges due to its dark blue hue. When used as a foreground color, it requires a very light background to provide sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This color may not meet these standards with many background colors, potentially causing visual strain for users, especially those with visual impairments. Therefore, careful consideration is crucial when pairing #1218d4 with other colors to ensure adequate contrast and usability. Using online contrast checkers can help determine appropriate color combinations for optimal accessibility.

Shades

Digital Color Formats

RGB
18 24 212
RGB18 24 212
Red
Green
Blue
HSL
238.14deg 84.35% 45.1%
238.1484.3545.1HSL
Hue
Saturation
Lightness
HWB
238.14deg 7.06% 16.86%
238.147.0616.86HWB
Hue
Whiteness
Blackness
hex#1218D4
rgb18 24 212
hsl238.14deg 84.35% 45.1%
cmyk91.51% 88.68% 0% 16.86%
hwb238.14deg 7.06% 16.86%
xyz-d650.12 0.06 0.63
oklch0.4091 0.2616 266.03
oklab0.4091 -0.02 -0.26
CMYK
91.51% 88.68% 0% 16.86%
91.5188.68016.86CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.06 0.63
0.120.060.63XYZ
X
Y
Z
OKLCH
0.4091 0.2616 266.03
0.40910.2616266.03LCH
Lightness
Chroma
Hue
OKLAB
0.4091 -0.02 -0.26
0.4091-0.02-0.26LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons