Sapphire

#254EA5

General Information about Sapphire (#254EA5)

The hexadecimal color #254EA5, commonly referred to as Sapphire, is a deep and rich shade of blue. In the RGB color model, it consists of 14.51% red, 30.98% green, and 64.71% blue. This color is often associated with royalty, wisdom, and sophistication. Sapphire blue is frequently used in various design contexts, including web design, graphic design, and interior design, to evoke feelings of trust, stability, and elegance. In color psychology, blue is known to promote calmness and tranquility, making it a popular choice for creating a soothing and relaxing atmosphere. Sapphire's depth and intensity also make it a versatile color, capable of conveying both seriousness and creativity. Understanding the components of #254EA5 and its psychological effects allows designers to strategically incorporate it into their projects for maximum impact.

The hex color #254EA5, also known as Sapphire, presents several accessibility considerations for web development. Its relatively low luminance can pose challenges for users with visual impairments, particularly when used as text on a white background. According to WCAG guidelines, sufficient contrast is essential for readability. To ensure accessibility, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #254EA5 for text, it's important to choose a background color that provides adequate contrast. Lighter shades of gray or yellow may offer better contrast than white. Alternatively, #254EA5 can be used effectively for larger graphical elements or as an accent color, where contrast requirements are less stringent. It is also important to provide alternative text descriptions for images and other non-text content that use this color to ensure that users with screen readers can understand the information being conveyed. Tools like WebAIM's contrast checker can help you determine the contrast ratio between different colors.

Shades

Digital Color Formats

RGB
37 78 165
RGB37 78 165
Red
Green
Blue
HSL
220.78deg 63.37% 39.61%
220.7863.3739.61HSL
Hue
Saturation
Lightness
HWB
220.78deg 14.51% 35.29%
220.7814.5135.29HWB
Hue
Whiteness
Blackness
hex#254EA5
rgb37 78 165
hsl220.78deg 63.37% 39.61%
cmyk77.58% 52.73% 0% 35.29%
hwb220.78deg 14.51% 35.29%
xyz-d650.1 0.09 0.37
oklch0.4469 0.1482 262.89
oklab0.4469 -0.02 -0.15
CMYK
77.58% 52.73% 0% 35.29%
77.5852.73035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.37
0.10.090.37XYZ
X
Y
Z
OKLCH
0.4469 0.1482 262.89
0.44690.1482262.89LCH
Lightness
Chroma
Hue
OKLAB
0.4469 -0.02 -0.15
0.4469-0.02-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons