Sapphire

#2C4A9E

General Information about Sapphire

The hexadecimal color #2C4A9E, also known as Sapphire, is a deep, saturated shade of blue, evoking feelings of calmness, trust, and sophistication. It is created by blending moderate amounts of red and green with a significant amount of blue. In the RGB color model, #2C4A9E consists of 17.3% red, 29% green, and 62% blue. This combination gives it a distinct, cool tone that distinguishes it from brighter or lighter blues. Sapphire blue has historically been associated with royalty, wisdom, and devotion, further contributing to its widespread appeal in various design contexts. The color is often used to convey a sense of professionalism, stability, and confidence.

The color #2C4A9E, a deep sapphire blue, presents some accessibility challenges. Its darkness means that text needs to be carefully considered. White text on this background usually provides sufficient contrast for readability, meeting WCAG (Web Content Accessibility Guidelines) standards for normal text. However, lighter shades of gray or yellow might also work, but should be tested. It's critical to avoid using similarly dark colors as text, as the contrast ratio would be too low, making it difficult for users, especially those with visual impairments, to read the content. Using a color contrast checker is highly recommended to ensure compliance. Larger text sizes have more leeway, but testing remains essential. Active elements, like buttons, should also be tested for appropriate visual distinction when interacting with them.

Shades

Digital Color Formats

RGB
44 74 158
RGB44 74 158
Red
Green
Blue
HSL
224.21deg 56.44% 39.61%
224.2156.4439.61HSL
Hue
Saturation
Lightness
HWB
224.21deg 17.25% 38.04%
224.2117.2538.04HWB
Hue
Whiteness
Blackness
hex#2C4A9E
rgb44 74 158
hsl224.21deg 56.44% 39.61%
cmyk72.15% 53.16% 0% 38.04%
hwb224.21deg 17.25% 38.04%
xyz-d650.1 0.08 0.33
oklch0.4359 0.1414 265.92
oklab0.4359 -0.01 -0.14
CMYK
72.15% 53.16% 0% 38.04%
72.1553.16038.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.33
0.10.080.33XYZ
X
Y
Z
OKLCH
0.4359 0.1414 265.92
0.43590.1414265.92LCH
Lightness
Chroma
Hue
OKLAB
0.4359 -0.01 -0.14
0.4359-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons