Sapphire

#2548A5

General Information about Sapphire

Sapphire, represented by the hex code #2548A5, is a deep, rich shade of blue that evokes feelings of serenity, trust, and authority. It is often associated with royalty and sophistication, making it a popular choice for brands aiming to project a sense of reliability and elegance. In color psychology, blue is known for its calming effects, reducing stress and promoting a sense of peace. Sapphire, being a darker shade, carries a more profound sense of stability and wisdom. It's widely used in corporate branding, website design, and interior decorating to create a professional and trustworthy atmosphere. Its depth and richness make it versatile for a variety of applications.

The hex color #2548A5, also known as Sapphire, presents some accessibility challenges, particularly regarding color contrast. When used as a background color, it necessitates light-colored text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, and 3:1 for large text, to meet WCAG (Web Content Accessibility Guidelines) standards. Insufficient contrast can make content difficult or impossible to read for users with visual impairments. When using this color for interactive elements such as buttons or links, providing clear visual cues for focus states is crucial. Consider using a darker shade of blue or a contrasting color like yellow or orange for hover or active states. Proper testing with accessibility tools and users with disabilities is essential to validate the accessibility of color choices.

Shades

Digital Color Formats

RGB
37 72 165
RGB37 72 165
Red
Green
Blue
HSL
223.59deg 63.37% 39.61%
223.5963.3739.61HSL
Hue
Saturation
Lightness
HWB
223.59deg 14.51% 35.29%
223.5914.5135.29HWB
Hue
Whiteness
Blackness
hex#2548A5
rgb37 72 165
hsl223.59deg 63.37% 39.61%
cmyk77.58% 56.36% 0% 35.29%
hwb223.59deg 14.51% 35.29%
xyz-d650.1 0.08 0.37
oklch0.4342 0.1558 264.93
oklab0.4342 -0.01 -0.16
CMYK
77.58% 56.36% 0% 35.29%
77.5856.36035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.37
0.10.080.37XYZ
X
Y
Z
OKLCH
0.4342 0.1558 264.93
0.43420.1558264.93LCH
Lightness
Chroma
Hue
OKLAB
0.4342 -0.01 -0.16
0.4342-0.01-0.16LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons