Sapphire

#2D509D

General Information about Sapphire (#2D509D)

The hexadecimal color #2D509D, commonly referred to as Sapphire, is a medium-dark shade of blue. It is composed of 17.65% red, 31.37% green, and 61.57% blue. In the RGB color model, it is defined by the values (45, 80, 157). This particular hue is often associated with feelings of tranquility, trust, and stability, making it a popular choice for designs aiming to evoke these emotions. Sapphire, as a color, is frequently utilized in branding and marketing materials to convey a sense of reliability and professionalism. Its subtle depth also makes it suitable for creating visually appealing backgrounds and design elements.

The color #2D509D, also known as Sapphire, presents some accessibility challenges. Its relatively low luminance can make it difficult to read when used as text on a white background, potentially failing WCAG contrast ratio requirements for small text. For optimal readability, it is recommended to pair this color with lighter shades of yellow, white, or very light grays for text. When used for larger text elements or UI components, ensure sufficient contrast. Consider providing alternative color schemes for users with visual impairments. Using tools like contrast checkers can help to ensure that the color combinations meet accessibility standards, thus improving the user experience for everyone.

Shades

Digital Color Formats

RGB
45 80 157
RGB45 80 157
Red
Green
Blue
HSL
221.25deg 55.45% 39.61%
221.2555.4539.61HSL
Hue
Saturation
Lightness
HWB
221.25deg 17.65% 38.43%
221.2517.6538.43HWB
Hue
Whiteness
Blackness
hex#2D509D
rgb45 80 157
hsl221.25deg 55.45% 39.61%
cmyk71.34% 49.04% 0% 38.43%
hwb221.25deg 17.65% 38.43%
xyz-d650.1 0.09 0.33
oklch0.4486 0.1319 263.6
oklab0.4486 -0.01 -0.13
CMYK
71.34% 49.04% 0% 38.43%
71.3449.04038.43CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.33
0.10.090.33XYZ
X
Y
Z
OKLCH
0.4486 0.1319 263.6
0.44860.1319263.6LCH
Lightness
Chroma
Hue
OKLAB
0.4486 -0.01 -0.13
0.4486-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons