Sapphire

#3148A5

General Information about Sapphire (#3148A5)

#3148A5, also known as Sapphire, is a deep, rich blue color that evokes feelings of trust, stability, and wisdom. It is often associated with royalty, elegance, and sophistication. In color psychology, blue is known to be calming and soothing, promoting a sense of peace and tranquility. Sapphire blue is a versatile color that can be used in various contexts, from web design to fashion, to create a sense of authority and professionalism. Its hex code is #3148A5, indicating its specific combination of red, green, and blue light values. The color's depth makes it suitable for backgrounds and accents, depending on the desired effect and contrast needs.

The color #3148A5, a deep sapphire hue, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it is crucial to pair it with text or elements of a significantly lighter color to ensure readability. White or very light shades of yellow or green would be suitable choices. Using a color contrast checker is highly recommended to meet WCAG (Web Content Accessibility Guidelines) standards, aiming for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Avoid pairing it with darker colors, as this can lead to visual strain and make content inaccessible to users with visual impairments. Thoughtful consideration of color pairings is essential for creating an inclusive and user-friendly design.

Shades

Digital Color Formats

RGB
49 72 165
RGB49 72 165
Red
Green
Blue
HSL
228.1deg 54.21% 41.96%
228.154.2141.96HSL
Hue
Saturation
Lightness
HWB
228.1deg 19.22% 35.29%
228.119.2235.29HWB
Hue
Whiteness
Blackness
hex#3148A5
rgb49 72 165
hsl228.1deg 54.21% 41.96%
cmyk70.3% 56.36% 0% 35.29%
hwb228.1deg 19.22% 35.29%
xyz-d650.1 0.08 0.37
oklch0.4398 0.1523 268.82
oklab0.4398 0 -0.15
CMYK
70.3% 56.36% 0% 35.29%
70.356.36035.29CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.37
0.10.080.37XYZ
X
Y
Z
OKLCH
0.4398 0.1523 268.82
0.43980.1523268.82LCH
Lightness
Chroma
Hue
OKLAB
0.4398 0 -0.15
0.43980-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons