Sapphire

#2C509E

General Information about #2C509E (Sapphire)

The hexadecimal color code #2C509E represents a specific shade of blue, often referred to as sapphire. This color is created by combining specific amounts of red, green, and blue light, with the values being 44 for red, 80 for green, and 158 for blue, respectively, in the RGB color model. It falls within the blue color family, known for its associations with calmness, stability, and trust. Sapphire is often used to evoke feelings of security and confidence, making it popular in branding for businesses that want to project reliability and professionalism. In terms of color theory, #2C509E is considered a cool color, which can have a soothing effect and is frequently used in designs related to technology, healthcare, and finance. Its perceived depth and richness also make it a popular choice for luxury brands and high-end products.

The color #2C509E, a deep sapphire blue, presents some accessibility challenges in web design. Its luminance is relatively low, which means it needs careful pairing with contrasting colors to ensure readability. When used as a text color, it's crucial to select a light background like white or a pale yellow to achieve sufficient contrast, meeting WCAG (Web Content Accessibility Guidelines) standards for text and background contrast ratios (ideally 4.5:1 for normal text and 3:1 for large text). Avoid pairing it with dark backgrounds or colors with similar luminance values, as this can make the text difficult to read, especially for users with visual impairments. In user interface elements, consider using #2C509E sparingly, perhaps for accents or highlights, rather than for primary interactive elements, unless robust contrast is maintained. For icons, ensure the icon's shape is distinct and that it stands out clearly against both the background and the icon color itself. Providing sufficient contrast benefits all users, including those with low vision or color blindness, and contributes to a more inclusive and user-friendly design.

Shades

Digital Color Formats

RGB
44 80 158
RGB44 80 158
Red
Green
Blue
HSL
221.05deg 56.44% 39.61%
221.0556.4439.61HSL
Hue
Saturation
Lightness
HWB
221.05deg 17.25% 38.04%
221.0517.2538.04HWB
Hue
Whiteness
Blackness
hex#2C509E
rgb44 80 158
hsl221.05deg 56.44% 39.61%
cmyk72.15% 49.37% 0% 38.04%
hwb221.05deg 17.25% 38.04%
xyz-d650.1 0.09 0.34
oklch0.4488 0.1337 263.39
oklab0.4488 -0.02 -0.13
CMYK
72.15% 49.37% 0% 38.04%
72.1549.37038.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.34
0.10.090.34XYZ
X
Y
Z
OKLCH
0.4488 0.1337 263.39
0.44880.1337263.39LCH
Lightness
Chroma
Hue
OKLAB
0.4488 -0.02 -0.13
0.4488-0.02-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons