Sapphire

#2654A4

General Information about Sapphire (#2654A4)

The hex color #2654A4, often referred to as Sapphire, is a deep, saturated shade of blue within the broader blue color family. In the RGB color model, it is composed of 15.3% red, 33% green, and 64.3% blue. This combination results in a color that is both calming and commanding, evoking feelings of trust, stability, and intelligence. Sapphire is frequently associated with royalty and sophistication, making it a popular choice in branding and design where these qualities are desired. From a color theory perspective, #2654A4 is a cool color, which can create a sense of spaciousness and tranquility. The color's richness allows it to stand out, even when used in small doses, and it pairs well with both neutral and contrasting colors.

The hex color #2654A4, also known as Sapphire, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it requires careful selection of foreground text colors to ensure readability. White text generally provides a good contrast, but it is crucial to test the combination using accessibility tools to meet WCAG (Web Content Accessibility Guidelines) standards. These guidelines specify minimum contrast ratios to accommodate users with visual impairments. For instance, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Avoid pairing #2654A4 with similarly dark colors, as this can make text illegible. When using this color for interactive elements such as buttons or links, ensure that sufficient visual cues, beyond color alone, are provided to indicate the interactive state. Consider adding underlines, borders, or icons to enhance usability for all users.

Shades

Digital Color Formats

RGB
38 84 164
RGB38 84 164
Red
Green
Blue
HSL
218.1deg 62.38% 39.61%
218.162.3839.61HSL
Hue
Saturation
Lightness
HWB
218.1deg 14.9% 35.69%
218.114.935.69HWB
Hue
Whiteness
Blackness
hex#2654A4
rgb38 84 164
hsl218.1deg 62.38% 39.61%
cmyk76.83% 48.78% 0% 35.69%
hwb218.1deg 14.9% 35.69%
xyz-d650.11 0.09 0.36
oklch0.4596 0.139 260.63
oklab0.4596 -0.02 -0.14
CMYK
76.83% 48.78% 0% 35.69%
76.8348.78035.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.36
0.110.090.36XYZ
X
Y
Z
OKLCH
0.4596 0.139 260.63
0.45960.139260.63LCH
Lightness
Chroma
Hue
OKLAB
0.4596 -0.02 -0.14
0.4596-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons