Sapphire

#3048A6

General Information about Sapphire (#3048A6)

The hex color #3048A6, also known as Sapphire, is a deep, vibrant blue that evokes feelings of serenity, wisdom, and luxury. It is named after the precious gemstone sapphire, which is renowned for its beauty and rarity. In the RGB color model, Sapphire is composed of 18.82% red, 28.24% green, and 65.1% blue. The CMYK color model representation is 71% cyan, 56% magenta, 0% yellow, and 35% black. Sapphire is often associated with royalty, intelligence, and spiritual insight. Its calming nature makes it a popular choice in various applications, from web design to fashion. This color offers a sense of depth and sophistication, making it ideal for creating a polished and refined aesthetic. Sapphire's cool undertones create a sense of calm, enhancing its appeal.

The color #3048A6, also known as Sapphire, presents some accessibility challenges, especially when used as a background or text color. Its luminance is relatively low, which can make it difficult to read text rendered in this color, particularly for users with visual impairments. When using Sapphire as a background, it's essential to choose a text color with high contrast, such as white or a very light shade of yellow. Tools like contrast checkers can help ensure that the contrast ratio meets WCAG (Web Content Accessibility Guidelines) standards, aiming for a minimum ratio of 4.5:1 for normal text and 3:1 for large text. Avoid pairing Sapphire with colors that are too similar in brightness or hue, as this can further reduce readability. Considering alternative color combinations or providing options for users to adjust color schemes can significantly improve accessibility. Also, using this color for interactive elements requires careful considerations for focus states and sufficient visual cues.

Shades

Digital Color Formats

RGB
48 72 166
RGB48 72 166
Red
Green
Blue
HSL
227.8deg 55.14% 41.96%
227.855.1441.96HSL
Hue
Saturation
Lightness
HWB
227.8deg 18.82% 34.9%
227.818.8234.9HWB
Hue
Whiteness
Blackness
hex#3048A6
rgb48 72 166
hsl227.8deg 55.14% 41.96%
cmyk71.08% 56.63% 0% 34.9%
hwb227.8deg 18.82% 34.9%
xyz-d650.1 0.08 0.37
oklch0.4401 0.154 268.49
oklab0.4401 0 -0.15
CMYK
71.08% 56.63% 0% 34.9%
71.0856.63034.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.37
0.10.080.37XYZ
X
Y
Z
OKLCH
0.4401 0.154 268.49
0.44010.154268.49LCH
Lightness
Chroma
Hue
OKLAB
0.4401 0 -0.15
0.44010-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons