Sapphire

#304FA6

General Information about Sapphire (#304FA6)

Sapphire, represented by the hex code #304FA6, is a deep, rich shade of blue, reminiscent of the precious gemstone. This color sits between blue and violet on the color wheel. It conveys a sense of sophistication, elegance, and trust, making it a popular choice for branding in industries such as finance, technology, and healthcare. Sapphire blue is often associated with intelligence, stability, and authority. In color psychology, blue is known to promote calmness and serenity, and Sapphire, with its added depth, can evoke a sense of wisdom and understanding. The specific shade of Sapphire (#304FA6) results from a particular blend of red, green, and blue light, defined by the hexadecimal values assigned to these components within the sRGB color space.

The hex color #304FA6, also known as Sapphire, presents specific accessibility considerations, particularly in web design. Its contrast ratio against white text is relatively low, potentially failing WCAG (Web Content Accessibility Guidelines) standards for sufficient contrast. This can make it difficult for users with visual impairments to read content. When using Sapphire for backgrounds, it's crucial to pair it with a light color text (like white or light yellow) and check the contrast ratio using online tools. Alternatively, consider using a darker shade of Sapphire or a completely different, more accessible color palette. In buttons or interactive elements, provide sufficient visual cues beyond just color to ensure usability for colorblind users, such as underlines, icons, or text labels. It is important to conduct thorough accessibility testing with diverse users to guarantee an inclusive and user-friendly experience.

Shades

Digital Color Formats

RGB
48 79 166
RGB48 79 166
Red
Green
Blue
HSL
224.24deg 55.14% 41.96%
224.2455.1441.96HSL
Hue
Saturation
Lightness
HWB
224.24deg 18.82% 34.9%
224.2418.8234.9HWB
Hue
Whiteness
Blackness
hex#304FA6
rgb48 79 166
hsl224.24deg 55.14% 41.96%
cmyk71.08% 52.41% 0% 34.9%
hwb224.24deg 18.82% 34.9%
xyz-d650.11 0.09 0.37
oklch0.4545 0.145 266.03
oklab0.4545 -0.01 -0.14
CMYK
71.08% 52.41% 0% 34.9%
71.0852.41034.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.37
0.110.090.37XYZ
X
Y
Z
OKLCH
0.4545 0.145 266.03
0.45450.145266.03LCH
Lightness
Chroma
Hue
OKLAB
0.4545 -0.01 -0.14
0.4545-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons