Mariner

#2260C4

General Information about #2260C4 (Mariner)

The hexadecimal color code #2260C4 represents a shade of blue known as Mariner. In the RGB color model, it consists of 13.33% red, 37.65% green, and 76.86% blue. This specific combination of red, green and blue creates a deep, rich blue hue that is often associated with trustworthiness, stability, and professionalism. Mariner blue evokes feelings of confidence, authority, and sophistication. It can be used in various design contexts to convey a sense of reliability and competence. Due to the dominance of blue, the color falls within the cool spectrum of colors.

The hex color #2260C4, also known as Mariner, presents some accessibility considerations, particularly for text-based content. Due to its relatively low luminance, pairing it with dark text can result in insufficient contrast, making it difficult for users with visual impairments to read. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #2260C4 as a background, ensure that the foreground text is a light color, such as white or a very pale yellow, to meet these contrast requirements. Tools are available online to check the contrast ratio between two colors. Also, consider providing alternative color schemes for users who may need them.

Shades

Digital Color Formats

RGB
34 96 196
RGB34 96 196
Red
Green
Blue
HSL
217.04deg 70.43% 45.1%
217.0470.4345.1HSL
Hue
Saturation
Lightness
HWB
217.04deg 13.33% 23.14%
217.0413.3323.14HWB
Hue
Whiteness
Blackness
hex#2260C4
rgb34 96 196
hsl217.04deg 70.43% 45.1%
cmyk82.65% 51.02% 0% 23.14%
hwb217.04deg 13.33% 23.14%
xyz-d650.15 0.13 0.54
oklch0.5083 0.169 259.84
oklab0.5083 -0.03 -0.17
CMYK
82.65% 51.02% 0% 23.14%
82.6551.02023.14CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.15 0.13 0.54
0.150.130.54XYZ
X
Y
Z
OKLCH
0.5083 0.169 259.84
0.50830.169259.84LCH
Lightness
Chroma
Hue
OKLAB
0.5083 -0.03 -0.17
0.5083-0.03-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons