Sapphire

#2E4A9C

General Information about Sapphire

Sapphire, represented by the hexadecimal color code #2E4A9C, is a deep and rich shade of blue. It evokes feelings of calmness, trust, and sophistication. This color is named after the gemstone sapphire, known for its brilliant blue hue. In color psychology, blue is often associated with stability, wisdom, and confidence. Sapphire, being a darker shade, can also convey a sense of authority and professionalism. In design, Sapphire can be used to create a sense of depth and elegance, making it a popular choice for branding, web design, and interior decor. Its versatility allows it to be paired with a wide range of colors, from neutrals to complementary shades, to achieve different aesthetic effects. Sapphire can bring a touch of sophistication to marketing materials.

The color #2E4A9C, also known as Sapphire, presents some accessibility considerations, especially in web design. Its relatively low luminance can create insufficient contrast against light backgrounds, making text or interactive elements difficult for users with visual impairments to perceive. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using Sapphire for text, ensure the background color provides adequate contrast. Tools like contrast checkers can help verify compliance. Additionally, consider providing alternative visual cues beyond color, such as icons or text labels, to ensure usability for all users, including those with color vision deficiencies. When Sapphire is used for interactive elements like buttons, ensure that hover and focus states are clearly distinguishable to aid keyboard navigation.

Shades

Digital Color Formats

RGB
46 74 156
RGB46 74 156
Red
Green
Blue
HSL
224.73deg 54.46% 39.61%
224.7354.4639.61HSL
Hue
Saturation
Lightness
HWB
224.73deg 18.04% 38.82%
224.7318.0438.82HWB
Hue
Whiteness
Blackness
hex#2E4A9C
rgb46 74 156
hsl224.73deg 54.46% 39.61%
cmyk70.51% 52.56% 0% 38.82%
hwb224.73deg 18.04% 38.82%
xyz-d650.1 0.08 0.32
oklch0.4353 0.1379 266.49
oklab0.4353 -0.01 -0.14
CMYK
70.51% 52.56% 0% 38.82%
70.5152.56038.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.32
0.10.080.32XYZ
X
Y
Z
OKLCH
0.4353 0.1379 266.49
0.43530.1379266.49LCH
Lightness
Chroma
Hue
OKLAB
0.4353 -0.01 -0.14
0.4353-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons