Sapphire

#315099

General Information about Sapphire

Sapphire (#315099) is a dark shade of blue that evokes feelings of trust, loyalty, and wisdom. It is named after the precious gemstone sapphire, known for its rich blue color. In color psychology, blue is often associated with stability, security, and calmness. Sapphire, being a darker shade, tends to convey a sense of authority and sophistication. The color is commonly used in branding and design to create a sense of reliability and professionalism. It is a versatile color that can be used in various contexts, from corporate websites to interior design projects. Sapphire is a popular choice for businesses looking to project an image of trustworthiness and competence.

The hex color #315099, also known as Sapphire, presents some accessibility challenges, especially in text applications. Its relatively low luminance (brightness) value of approximately 0.18 means that it requires careful consideration of contrast ratios. To ensure readability for users with visual impairments, it's crucial to pair this color with a light background. A white or very pale yellow background would provide sufficient contrast, meeting WCAG (Web Content Accessibility Guidelines) standards for normal text (4.5:1 contrast ratio) and large text (3:1 contrast ratio). When using #315099 for interactive elements like buttons or links, provide clear visual cues beyond just color to indicate their interactive state. This could include adding an underline, changing the background color on hover, or incorporating an icon. Avoid pairing #315099 with darker shades, as the resulting low contrast can cause eye strain and make content difficult to read.

Shades

Digital Color Formats

RGB
49 80 153
RGB49 80 153
Red
Green
Blue
HSL
222.12deg 51.49% 39.61%
222.1251.4939.61HSL
Hue
Saturation
Lightness
HWB
222.12deg 19.22% 40%
222.1219.2240HWB
Hue
Whiteness
Blackness
hex#315099
rgb49 80 153
hsl222.12deg 51.49% 39.61%
cmyk67.97% 47.71% 0% 40%
hwb222.12deg 19.22% 40%
xyz-d650.1 0.09 0.31
oklch0.4476 0.1248 264.59
oklab0.4476 -0.01 -0.12
CMYK
67.97% 47.71% 0% 40%
67.9747.71040CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.31
0.10.090.31XYZ
X
Y
Z
OKLCH
0.4476 0.1248 264.59
0.44760.1248264.59LCH
Lightness
Chroma
Hue
OKLAB
0.4476 -0.01 -0.12
0.4476-0.01-0.12LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons