Sapphire

#2553A5

General Information About Sapphire (#2553A5)

The hex color #2553A5, often referred to as Sapphire, is a dark shade of blue with a strong presence. It is composed of 14.51% red, 32.55% green, and 64.71% blue. In the RGB color space, it represents a balanced mix, leaning towards the blue end of the spectrum. This color evokes feelings of trust, loyalty, and wisdom, making it a popular choice for brands and designs aiming to convey stability and reliability. In color psychology, blue is often associated with calmness and serenity, but the depth of Sapphire adds an element of sophistication and elegance. Its use in design can range from backgrounds and text to accents and interactive elements, depending on the desired effect and the overall color scheme.

The hex color #2553A5, also known as Sapphire, presents some accessibility challenges, especially when used for text or interactive elements. With a relatively low luminance, it may not provide sufficient contrast against lighter backgrounds, potentially making it difficult for users with visual impairments to read or interact with content. To ensure accessibility, it's crucial to evaluate the contrast ratio against the background color using tools like the WebAIM Contrast Checker. Aim for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular) to comply with WCAG guidelines. Consider using this color sparingly for decorative purposes or in combination with high-contrast colors to enhance readability and usability for all users, including those with low vision or color blindness. Implementing proper ARIA attributes can also further improve accessibility for screen reader users.

Shades

Digital Color Formats

RGB
37 83 165
RGB37 83 165
Red
Green
Blue
HSL
218.44deg 63.37% 39.61%
218.4463.3739.61HSL
Hue
Saturation
Lightness
HWB
218.44deg 14.51% 35.29%
218.4414.5135.29HWB
Hue
Whiteness
Blackness
hex#2553A5
rgb37 83 165
hsl218.44deg 63.37% 39.61%
cmyk77.58% 49.7% 0% 35.29%
hwb218.44deg 14.51% 35.29%
xyz-d650.11 0.09 0.37
oklch0.4578 0.142 260.94
oklab0.4578 -0.02 -0.14
CMYK
77.58% 49.7% 0% 35.29%
77.5849.7035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.37
0.110.090.37XYZ
X
Y
Z
OKLCH
0.4578 0.142 260.94
0.45780.142260.94LCH
Lightness
Chroma
Hue
OKLAB
0.4578 -0.02 -0.14
0.4578-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons