Sapphire

#314399

About Sapphire (#314399)

The hex color #314399, commonly referred to as Sapphire, is a deep and rich shade of blue. It belongs to the blue color family and evokes feelings of tranquility, trustworthiness, and sophistication. In the RGB color model, it consists of 19.22% red, 26.27% green, and 60% blue. The color is widely used in various design contexts, including web design, graphic design, and interior design. Sapphire's unique combination of elegance and depth makes it a versatile choice for creating a sense of professionalism and reliability. It is often associated with concepts like wisdom, loyalty, and stability, making it a popular option for brands and organizations that wish to project these qualities. The color also has historical significance, often linked to royalty and nobility, adding to its perceived value and prestige. This depth and versatility makes it a preferred choice for a wide array of contexts and designs.

The hex color #314399, also known as Sapphire, presents certain accessibility considerations for web developers. With a relatively low luminance, it may not provide sufficient contrast against a white or very light background, potentially making text or interactive elements difficult to read for users with visual impairments. It's crucial to assess the contrast ratio using tools like WebAIM's Contrast Checker to ensure it meets WCAG (Web Content Accessibility Guidelines) standards, aiming for a minimum ratio of 4.5:1 for normal text and 3:1 for large text. If the contrast is insufficient, consider using a lighter color for text or interface elements, or darkening the background. Additionally, avoid relying solely on color to convey information, as colorblind users may not be able to distinguish it effectively. Providing alternative cues, such as text labels or icons, is essential for inclusive design.

Shades

Digital Color Formats

RGB
49 67 153
RGB49 67 153
Red
Green
Blue
HSL
229.62deg 51.49% 39.61%
229.6251.4939.61HSL
Hue
Saturation
Lightness
HWB
229.62deg 19.22% 40%
229.6219.2240HWB
Hue
Whiteness
Blackness
hex#314399
rgb49 67 153
hsl229.62deg 51.49% 39.61%
cmyk67.97% 56.21% 0% 40%
hwb229.62deg 19.22% 40%
xyz-d650.09 0.07 0.31
oklch0.42 0.1418 270.27
oklab0.42 0 -0.14
CMYK
67.97% 56.21% 0% 40%
67.9756.21040CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.07 0.31
0.090.070.31XYZ
X
Y
Z
OKLCH
0.42 0.1418 270.27
0.420.1418270.27LCH
Lightness
Chroma
Hue
OKLAB
0.42 0 -0.14
0.420-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons