Sapphire

#3149A5

General Information about Sapphire (#3149A5)

The hex color #3149A5, commonly known as Sapphire, is a deep and captivating shade of blue within the blue-violet family. It evokes feelings of calmness, serenity, and trustworthiness, making it a popular choice in various design applications. In the RGB color model, #3149A5 is composed of 19.22% red, 28.63% green, and 64.71% blue. In the CMYK color model, used in printing, its composition is approximately 70% cyan, 56% magenta, 0% yellow, and 35% black. The color's hex code, #3149A5, provides a standardized way to represent it across different platforms and software. Sapphire is often associated with royalty, wisdom, and spirituality, contributing to its widespread appeal. It is a versatile color that can be used in both digital and print media to create a sense of depth, sophistication, and stability. Its rich tone adds a touch of elegance to any design. Its widespread appeal stems from its balanced aesthetic and the positive connotations it carries.

The hex color #3149A5, also known as Sapphire, presents some accessibility challenges, especially in text-based applications. Its relatively low luminance value means that it requires careful consideration of contrast ratios to ensure readability for users with visual impairments. When using #3149A5 as a background color, it is crucial to select a foreground text color that provides sufficient contrast, ideally meeting WCAG (Web Content Accessibility Guidelines) AA or AAA standards. White or very light shades of yellow or green would be suitable choices. Conversely, if #3149A5 is used for text, a very light or white background is essential. Using color contrast tools can help determine if the chosen color combination meets accessibility requirements. Furthermore, it's important to avoid relying solely on color to convey important information, as colorblind users may not be able to distinguish #3149A5 from other similar hues. Providing alternative visual cues, such as text labels or icons, is crucial for ensuring inclusivity. Also consider the context in which the color is being used, as certain applications, such as charts and graphs, may require adjustments to color palettes to maintain accessibility for all users. Proper planning and testing are crucial for creating inclusive designs that accommodate a wide range of visual abilities.

Shades

Digital Color Formats

RGB
49 73 165
RGB49 73 165
Red
Green
Blue
HSL
227.59deg 54.21% 41.96%
227.5954.2141.96HSL
Hue
Saturation
Lightness
HWB
227.59deg 19.22% 35.29%
227.5919.2235.29HWB
Hue
Whiteness
Blackness
hex#3149A5
rgb49 73 165
hsl227.59deg 54.21% 41.96%
cmyk70.3% 55.76% 0% 35.29%
hwb227.59deg 19.22% 35.29%
xyz-d650.1 0.08 0.37
oklch0.4418 0.151 268.49
oklab0.4418 0 -0.15
CMYK
70.3% 55.76% 0% 35.29%
70.355.76035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.37
0.10.080.37XYZ
X
Y
Z
OKLCH
0.4418 0.151 268.49
0.44180.151268.49LCH
Lightness
Chroma
Hue
OKLAB
0.4418 0 -0.15
0.44180-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons