Sapphire

#2E4D9C

General Information about Sapphire (#2E4D9C)

The color #2E4D9C, commonly referred to as Sapphire, is a deep, saturated blue hue that evokes feelings of tranquility, stability, and trust. It belongs to the blue color family and is often associated with royalty, wisdom, and intelligence. In the RGB color model, Sapphire is composed of 18.04% red, 30.2% green, and 61.18% blue. In the CMYK color model, it consists of 70.5% cyan, 50.7% magenta, 0% yellow, and 38.8% black. Sapphire is a versatile color that can be used in a variety of design applications, from web design to interior decor. It is named after the gemstone sapphire, which is known for its deep blue color and brilliance. Sapphire is a popular choice for branding and marketing materials, especially for companies that want to project an image of reliability and sophistication. Its hex code is #2E4D9C, which can be used to accurately reproduce the color in digital designs and it has a calming and serene effect.

The hex color #2E4D9C, also known as Sapphire, presents some accessibility challenges, especially when used as a background or text color. With a luminance value that falls on the darker side, sufficient contrast is crucial for ensuring readability and usability, particularly for users with visual impairments. When using #2E4D9C for text, it is important to pair it with a light color like white (#FFFFFF) or a very pale yellow to achieve a contrast ratio that meets WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To verify the contrast ratio, tools like WebAIM's Contrast Checker can be used. Avoid pairing #2E4D9C with other dark colors as this will likely result in insufficient contrast, making content difficult to read. In user interface design, consider using #2E4D9C sparingly for primary elements or accents, ensuring that interactive elements have distinct visual cues and sufficient contrast for users to identify them easily. When using it for interactive elements, consider providing alternative styling on hover or focus to further enhance accessibility.

Shades

Digital Color Formats

RGB
46 77 156
RGB46 77 156
Red
Green
Blue
HSL
223.09deg 54.46% 39.61%
223.0954.4639.61HSL
Hue
Saturation
Lightness
HWB
223.09deg 18.04% 38.82%
223.0918.0438.82HWB
Hue
Whiteness
Blackness
hex#2E4D9C
rgb46 77 156
hsl223.09deg 54.46% 39.61%
cmyk70.51% 50.64% 0% 38.82%
hwb223.09deg 18.04% 38.82%
xyz-d650.1 0.08 0.33
oklch0.4418 0.134 265.22
oklab0.4418 -0.01 -0.13
CMYK
70.51% 50.64% 0% 38.82%
70.5150.64038.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.33
0.10.080.33XYZ
X
Y
Z
OKLCH
0.4418 0.134 265.22
0.44180.134265.22LCH
Lightness
Chroma
Hue
OKLAB
0.4418 -0.01 -0.13
0.4418-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons