Sapphire

#2D4D9D

General Information about Sapphire

Sapphire, represented by the hexadecimal color code #2D4D9D, is a deep and rich shade of blue. It evokes feelings of calmness, stability, and sophistication. In color psychology, blue is often associated with trust, loyalty, and intelligence, making it a popular choice for corporate branding and professional settings. Sapphire is named after the precious gemstone known for its captivating blue hue. This color falls within the blue color family and is characterized by its relatively high saturation and medium lightness. It's a versatile color that can be used in various contexts, from web design to interior decorating. Sapphire's unique combination of depth and vibrancy makes it a visually appealing and memorable color.

The color #2D4D9D, also known as Sapphire, presents specific accessibility considerations for web developers. Its darkness impacts text legibility and contrast ratios. When using this color for backgrounds, ensure sufficient contrast with foreground text. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. Tools like contrast checkers can help verify compliance. Avoid pairing it with similarly dark hues, as this can reduce readability. Lighter shades of yellow, white, or other bright colors work well for creating accessible text on a Sapphire background. Consider providing alternative color schemes to accommodate users with visual impairments. Thoughtful color choices enhance usability and inclusivity.

Shades

Digital Color Formats

RGB
45 77 157
RGB45 77 157
Red
Green
Blue
HSL
222.86deg 55.45% 39.61%
222.8655.4539.61HSL
Hue
Saturation
Lightness
HWB
222.86deg 17.65% 38.43%
222.8617.6538.43HWB
Hue
Whiteness
Blackness
hex#2D4D9D
rgb45 77 157
hsl222.86deg 55.45% 39.61%
cmyk71.34% 50.96% 0% 38.43%
hwb222.86deg 17.65% 38.43%
xyz-d650.1 0.08 0.33
oklch0.442 0.1358 264.95
oklab0.442 -0.01 -0.14
CMYK
71.34% 50.96% 0% 38.43%
71.3450.96038.43CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.33
0.10.080.33XYZ
X
Y
Z
OKLCH
0.442 0.1358 264.95
0.4420.1358264.95LCH
Lightness
Chroma
Hue
OKLAB
0.442 -0.01 -0.14
0.442-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons