Sapphire

#30499A

General Information about Sapphire

The color #30499A, commonly known as Sapphire, is a deep and captivating shade of blue with a hint of purple. It resides in the blue-violet region of the color spectrum, lending it a sense of sophistication and depth. Sapphire is named after the precious gemstone, reflecting its association with royalty, wisdom, and good fortune. In color psychology, Sapphire is often linked to traits like trust, loyalty, intelligence, and stability. It is perceived as a calming and reassuring color, making it a popular choice for branding in industries that value these qualities, such as finance, healthcare, and technology. Sapphire's hex code, #30499A, specifies its precise composition in the RGB color model, where red is 30, green is 49, and blue is 9A in hexadecimal notation. This combination creates a unique and recognizable hue that stands out from other shades of blue.

The hex color #30499a, also known as Sapphire, presents some accessibility challenges, especially in text-based contexts. Its relatively low luminance necessitates careful consideration of contrast ratios to ensure readability for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using Sapphire for text, it's crucial to pair it with a light background to meet these standards. White or very light shades of gray or yellow can be good choices. Conversely, avoid using Sapphire text on dark backgrounds, as this creates insufficient contrast. In user interface design, use Sapphire sparingly for primary interactive elements like buttons or links. Provide clear visual cues, such as borders or hover effects, to enhance distinguishability. For data visualizations, ensure Sapphire is not the only color used to convey critical information, as color blindness affects a significant portion of the population. Consider combining it with shapes, patterns, or labels to provide alternative means of differentiation.

Shades

Digital Color Formats

RGB
48 73 154
RGB48 73 154
Red
Green
Blue
HSL
225.85deg 52.48% 39.61%
225.8552.4839.61HSL
Hue
Saturation
Lightness
HWB
225.85deg 18.82% 39.61%
225.8518.8239.61HWB
Hue
Whiteness
Blackness
hex#30499A
rgb48 73 154
hsl225.85deg 52.48% 39.61%
cmyk68.83% 52.6% 0% 39.61%
hwb225.85deg 18.82% 39.61%
xyz-d650.09 0.08 0.32
oklch0.4327 0.1357 267.54
oklab0.4327 -0.01 -0.14
CMYK
68.83% 52.6% 0% 39.61%
68.8352.6039.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.08 0.32
0.090.080.32XYZ
X
Y
Z
OKLCH
0.4327 0.1357 267.54
0.43270.1357267.54LCH
Lightness
Chroma
Hue
OKLAB
0.4327 -0.01 -0.14
0.4327-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons