Sapphire

#314B99

General Information about Sapphire (#314B99)

The hex color #314B99, often referred to as Sapphire, is a dark shade of blue with a rich and sophisticated aesthetic. In the RGB color model, it is composed of 19.22% red, 29.41% green, and 60% blue. This combination creates a deep, slightly muted blue that evokes feelings of calmness and stability. Sapphire is often associated with royalty, wisdom, and trustworthiness. In the CMYK color model, used for printing, #314B99 consists of 68% cyan, 51% magenta, 0% yellow, and 40% black. This color is commonly used in branding, web design, and interior decoration to convey a sense of elegance and reliability, while it should be used carefully in combination with other colors to ensure that the result will be harmonic and the user experience is not negatively affected.

The hex color #314B99, also known as Sapphire, presents some accessibility challenges, especially when used as a background color for text. Its relatively low luminance (dark color) necessitates careful consideration of text color choices. To ensure readability, it's crucial to pair it with a light-colored text, such as white (#FFFFFF) or a light gray. According to WCAG (Web Content Accessibility Guidelines) standards, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text to meet AA compliance. For optimal accessibility (AAA compliance), these ratios should be even higher (7:1 and 4.5:1, respectively). Tools like contrast checkers can help verify compliance. Avoid using #314B99 for crucial interactive elements without proper contrast, as it can hinder usability for users with visual impairments. Careful consideration of font size and weight can also mitigate some contrast issues.

Shades

Digital Color Formats

RGB
49 75 153
RGB49 75 153
Red
Green
Blue
HSL
225deg 51.49% 39.61%
22551.4939.61HSL
Hue
Saturation
Lightness
HWB
225deg 19.22% 40%
22519.2240HWB
Hue
Whiteness
Blackness
hex#314B99
rgb49 75 153
hsl225deg 51.49% 39.61%
cmyk67.97% 50.98% 0% 40%
hwb225deg 19.22% 40%
xyz-d650.1 0.08 0.31
oklch0.4367 0.1313 267
oklab0.4367 -0.01 -0.13
CMYK
67.97% 50.98% 0% 40%
67.9750.98040CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.31
0.10.080.31XYZ
X
Y
Z
OKLCH
0.4367 0.1313 267
0.43670.1313267LCH
Lightness
Chroma
Hue
OKLAB
0.4367 -0.01 -0.13
0.4367-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons