Sapphire

#2F4AA7

General Information about Sapphire

Hex color #2F4AA7, also known as Sapphire, is a dark shade of blue. It is composed of 18.43% red, 29.02% green, and 65.49% blue. In the RGB color model, it is represented as rgb(47, 74, 167). In the CMYK color model, it is represented as cyan(72%), magenta(56%), yellow(0%), and black(35%). Sapphire is often associated with depth, stability, and trust. It is commonly used in corporate branding to convey reliability and professionalism. In web design, Sapphire can be used to create a sense of calmness and sophistication, but it's crucial to consider accessibility guidelines to ensure sufficient contrast, especially for text.

The color #2F4AA7, also known as Sapphire, presents some accessibility challenges, especially when used for text or interactive elements. Its luminance is relatively low, which means it doesn't provide sufficient contrast against a white background to meet WCAG (Web Content Accessibility Guidelines) standards for normal text (AA compliance). To ensure accessibility, it's crucial to pair this color with lighter hues. For example, using white or very light yellows for text on a Sapphire background would significantly improve readability for users with visual impairments. Conversely, avoid using dark colors in combination with Sapphire, as this would further reduce contrast and make the content difficult to perceive. Always test color combinations with accessibility tools to verify that they meet the contrast ratios specified by WCAG.

Shades

Digital Color Formats

RGB
47 74 167
RGB47 74 167
Red
Green
Blue
HSL
226.5deg 56.07% 41.96%
226.556.0741.96HSL
Hue
Saturation
Lightness
HWB
226.5deg 18.43% 34.51%
226.518.4334.51HWB
Hue
Whiteness
Blackness
hex#2F4AA7
rgb47 74 167
hsl226.5deg 56.07% 41.96%
cmyk71.86% 55.69% 0% 34.51%
hwb226.5deg 18.43% 34.51%
xyz-d650.11 0.08 0.38
oklch0.4445 0.1531 267.53
oklab0.4445 -0.01 -0.15
CMYK
71.86% 55.69% 0% 34.51%
71.8655.69034.51CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.08 0.38
0.110.080.38XYZ
X
Y
Z
OKLCH
0.4445 0.1531 267.53
0.44450.1531267.53LCH
Lightness
Chroma
Hue
OKLAB
0.4445 -0.01 -0.15
0.4445-0.01-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons