Sapphire

#2840A0

General Information about Sapphire

The hex color #2840A0, often referred to as Sapphire, is a deep and rich shade of blue. It belongs to the blue color family and possesses a distinct character that sets it apart from lighter or more vibrant blues. In the RGB color model, #2840A0 consists of 16.1% red, 25.1% green, and 62.7% blue. This combination results in a color that conveys a sense of depth, sophistication, and trustworthiness. Sapphire is often associated with royalty, wisdom, and stability, making it a popular choice in various design applications. Its hex code provides a precise way to represent and reproduce this unique color across different media and platforms.

The color #2840A0, also known as Sapphire, presents some accessibility considerations, particularly for web design. Its relatively dark hue means that using it as a background color necessitates light-colored text to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a color contrast checker is crucial to verify compliance. When used for interactive elements like buttons or links, consider providing clear visual cues beyond color alone, such as underlines or icons, to assist users with color vision deficiencies. Thoughtful application of this rich color can enhance visual appeal while maintaining inclusivity.

Shades

Digital Color Formats

RGB
40 64 160
RGB40 64 160
Red
Green
Blue
HSL
228deg 60% 39.22%
2286039.22HSL
Hue
Saturation
Lightness
HWB
228deg 15.69% 37.25%
22815.6937.25HWB
Hue
Whiteness
Blackness
hex#2840A0
rgb40 64 160
hsl228deg 60% 39.22%
cmyk75% 60% 0% 37.25%
hwb228deg 15.69% 37.25%
xyz-d650.09 0.07 0.34
oklch0.415 0.1581 268
oklab0.415 -0.01 -0.16
CMYK
75% 60% 0% 37.25%
7560037.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.07 0.34
0.090.070.34XYZ
X
Y
Z
OKLCH
0.415 0.1581 268
0.4150.1581268LCH
Lightness
Chroma
Hue
OKLAB
0.415 -0.01 -0.16
0.415-0.01-0.16LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons