Mariner

#2362C3

General Information about #2362C3

The color #2362C3, also known as Mariner, is a deep and vibrant shade of blue. It belongs to the blue color family, characterized by its association with calmness, stability, and trust. In the RGB color model, it is composed of 13.73% red, 38.43% green, and 76.47% blue. In the CMYK color model, used for printing, it consists of 82% cyan, 50% magenta, 0% yellow, and 24% black. This color is often used to evoke feelings of serenity and reliability, making it a popular choice for various applications. Mariner has a calming effect and conveys a sense of professionalism.

The hex color #2362C3, also known as Mariner, presents moderate accessibility challenges. Its luminance value is relatively low, meaning it requires careful consideration when used as a foreground color against a background. To ensure readability, it is crucial to use a light background color that provides sufficient contrast. Following WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text. When using #2362C3 for interactive elements like buttons or links, ensure that hover and focus states have distinct visual cues to aid users with visual impairments or those navigating with assistive technologies. Adequate color contrast is essential for users with low vision or color blindness to perceive content effectively.

Shades

Digital Color Formats

RGB
35 98 195
RGB35 98 195
Red
Green
Blue
HSL
216.38deg 69.57% 45.1%
216.3869.5745.1HSL
Hue
Saturation
Lightness
HWB
216.38deg 13.73% 23.53%
216.3813.7323.53HWB
Hue
Whiteness
Blackness
hex#2362C3
rgb35 98 195
hsl216.38deg 69.57% 45.1%
cmyk82.05% 49.74% 0% 23.53%
hwb216.38deg 13.73% 23.53%
xyz-d650.15 0.13 0.53
oklch0.5121 0.165 259.24
oklab0.5121 -0.03 -0.16
CMYK
82.05% 49.74% 0% 23.53%
82.0549.74023.53CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.15 0.13 0.53
0.150.130.53XYZ
X
Y
Z
OKLCH
0.5121 0.165 259.24
0.51210.165259.24LCH
Lightness
Chroma
Hue
OKLAB
0.5121 -0.03 -0.16
0.5121-0.03-0.16LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons