Sapphire

#314499

General Information about Sapphire (#314499)

The color #314499, often referred to as Sapphire in color nomenclature, is a deep and captivating shade of blue. It resides within the blue color family and is characterized by its rich, saturated tone. Sapphire evokes a sense of calmness, depth, and sophistication, often associated with royalty and luxury. Its hexadecimal code, #314499, precisely defines its color composition, ensuring consistent reproduction across digital platforms. This color can be described as a dark and slightly muted shade of blue, possessing a subtle hint of purple undertones, which contributes to its unique and appealing character. In color psychology, blue is often linked to trust, stability, and intelligence, making Sapphire a suitable choice for conveying a sense of authority and reliability.

The hex color #314499, also known as Sapphire, presents specific accessibility considerations for web development. With a moderate level of darkness, its contrast ratio against a white background needs careful evaluation to ensure sufficient legibility for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #314499 for text, a light color such as white or a very light shade of yellow should be used as the background color. Using this color for decorative elements requires less stringent contrast requirements, but careful consideration should still be given to ensure an inclusive user experience. Proper use of ARIA attributes and semantic HTML can further enhance accessibility. Tools like contrast checkers can help in determining compliance with accessibility standards. Always test with real users, especially those with visual impairments, to validate the design choices.

Shades

Digital Color Formats

RGB
49 68 153
RGB49 68 153
Red
Green
Blue
HSL
229.04deg 51.49% 39.61%
229.0451.4939.61HSL
Hue
Saturation
Lightness
HWB
229.04deg 19.22% 40%
229.0419.2240HWB
Hue
Whiteness
Blackness
hex#314499
rgb49 68 153
hsl229.04deg 51.49% 39.61%
cmyk67.97% 55.56% 0% 40%
hwb229.04deg 19.22% 40%
xyz-d650.09 0.07 0.31
oklch0.422 0.1405 269.9
oklab0.422 0 -0.14
CMYK
67.97% 55.56% 0% 40%
67.9755.56040CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.07 0.31
0.090.070.31XYZ
X
Y
Z
OKLCH
0.422 0.1405 269.9
0.4220.1405269.9LCH
Lightness
Chroma
Hue
OKLAB
0.422 0 -0.14
0.4220-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons