Sapphire

#314CA5

General Information about Sapphire

The hex color #314CA5, also known as Sapphire, is a deep, saturated blue hue situated within the broader blue color family. This particular shade evokes feelings of calmness, trustworthiness, and sophistication. In the RGB color model, it is composed of 19.22% red, 30.0% green, and 64.71% blue. Its CMYK representation is 0.70, 0.54, 0.0, 0.35, indicating the proportions of cyan, magenta, yellow, and black inks required to produce the color in print. Sapphire is often associated with royalty, wisdom, and devotion. Its rich and elegant character makes it a popular choice for various design applications, including branding, web design, and fashion.

The hex color #314CA5, also known as Sapphire, presents specific accessibility considerations for web design. Its relatively low luminance value necessitates careful attention to contrast ratios, especially when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between text and background is crucial for users with visual impairments. Using this color for text requires a light color for the background. It's recommended to use contrast checking tools to ensure compliance with accessibility standards. Thoughtful color combinations and appropriate font sizes are essential for creating an inclusive and user-friendly experience. Consideration of color blindness should also be factored into design choices when using #314CA5.

Shades

Digital Color Formats

RGB
49 76 165
RGB49 76 165
Red
Green
Blue
HSL
226.03deg 54.21% 41.96%
226.0354.2141.96HSL
Hue
Saturation
Lightness
HWB
226.03deg 19.22% 35.29%
226.0319.2235.29HWB
Hue
Whiteness
Blackness
hex#314CA5
rgb49 76 165
hsl226.03deg 54.21% 41.96%
cmyk70.3% 53.94% 0% 35.29%
hwb226.03deg 19.22% 35.29%
xyz-d650.11 0.09 0.37
oklch0.448 0.1472 267.43
oklab0.448 -0.01 -0.15
CMYK
70.3% 53.94% 0% 35.29%
70.353.94035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.37
0.110.090.37XYZ
X
Y
Z
OKLCH
0.448 0.1472 267.43
0.4480.1472267.43LCH
Lightness
Chroma
Hue
OKLAB
0.448 -0.01 -0.15
0.448-0.01-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons