Sapphire

#2554A5

General Information about Sapphire

The hexadecimal color code #2554A5 represents a shade of blue known as Sapphire. It is composed of 14.5% red, 33% green, and 64.7% blue. In the RGB color model, this translates to 37 red, 84 green, and 165 blue. Sapphire is often associated with qualities such as depth, stability, and trust. In color psychology, blue is known to evoke feelings of calmness and serenity. The color has a rich history, being named after the precious gemstone sapphire, which has been valued for centuries for its beauty and perceived metaphysical properties. Sapphire-like colors are often used in branding and design to convey a sense of reliability and professionalism. Because of its low lightness value of 39.6, it appears to be a darker shade of blue.

The color #2554A5, also known as Sapphire, presents some accessibility challenges. Its relatively low luminance can cause issues with text legibility, especially when used as a background for light-colored text. According to WCAG guidelines, sufficient contrast between text and background is crucial for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using Sapphire as a background, ensure that the text color provides adequate contrast. Tools like contrast checkers can help determine if the color combination meets accessibility standards. For users with color blindness, the combination should also be checked to ensure information is not conveyed solely through color. Consider providing alternative cues, such as text labels or icons, to enhance usability for all users. It's also wise to test your color scheme with users who have visual impairments to gain valuable feedback.

Shades

Digital Color Formats

RGB
37 84 165
RGB37 84 165
Red
Green
Blue
HSL
217.97deg 63.37% 39.61%
217.9763.3739.61HSL
Hue
Saturation
Lightness
HWB
217.97deg 14.51% 35.29%
217.9714.5135.29HWB
Hue
Whiteness
Blackness
hex#2554A5
rgb37 84 165
hsl217.97deg 63.37% 39.61%
cmyk77.58% 49.09% 0% 35.29%
hwb217.97deg 14.51% 35.29%
xyz-d650.11 0.09 0.37
oklch0.46 0.1407 260.52
oklab0.46 -0.02 -0.14
CMYK
77.58% 49.09% 0% 35.29%
77.5849.09035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.37
0.110.090.37XYZ
X
Y
Z
OKLCH
0.46 0.1407 260.52
0.460.1407260.52LCH
Lightness
Chroma
Hue
OKLAB
0.46 -0.02 -0.14
0.46-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons