Sapphire

#314DA5

General Information about Sapphire

#314DA5, also known as Sapphire, is a deep shade of blue in the blue-violet color range. It's a color that evokes feelings of calmness, stability, and trustworthiness. In color psychology, blue is often associated with intelligence, efficiency, and serenity. Sapphire, specifically, is named after the precious gemstone and carries a sense of luxury and sophistication. This color is created by mixing red, green and blue light, with the blue component being dominant. It is used in a variety of applications, from web design to fashion, where it can lend a sense of elegance and depth. Understanding the cultural and psychological associations of this color can help designers and artists use it effectively to convey the desired message or mood.

The color #314DA5, also known as Sapphire, presents several accessibility considerations. Its relatively dark hue impacts readability when used as text on a white or light-colored background; sufficient contrast is crucial to ensure legibility 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. When using #314DA5 for interactive elements like buttons or links, it's vital to provide clear visual cues on hover, focus, and active states to aid users navigating with keyboards or assistive technologies. Additionally, avoid using color alone to convey important information; always include text labels or other indicators to ensure accessibility for colorblind users. Thoughtful application of color can greatly enhance user experience for everyone, but attention to contrast and alternative cues is essential.

Shades

Digital Color Formats

RGB
49 77 165
RGB49 77 165
Red
Green
Blue
HSL
225.52deg 54.21% 41.96%
225.5254.2141.96HSL
Hue
Saturation
Lightness
HWB
225.52deg 19.22% 35.29%
225.5219.2235.29HWB
Hue
Whiteness
Blackness
hex#314DA5
rgb49 77 165
hsl225.52deg 54.21% 41.96%
cmyk70.3% 53.33% 0% 35.29%
hwb225.52deg 19.22% 35.29%
xyz-d650.11 0.09 0.37
oklch0.4501 0.1459 267.06
oklab0.4501 -0.01 -0.15
CMYK
70.3% 53.33% 0% 35.29%
70.353.33035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.37
0.110.090.37XYZ
X
Y
Z
OKLCH
0.4501 0.1459 267.06
0.45010.1459267.06LCH
Lightness
Chroma
Hue
OKLAB
0.4501 -0.01 -0.15
0.4501-0.01-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons