Sapphire

#2C4F9E

General Information about Sapphire (#2C4F9E)

The hexadecimal color #2C4F9E, commonly known as Sapphire, is a captivating deep blue hue. It belongs to the blue color family, evoking feelings of calmness, trust, and stability. In the RGB color model, it is composed of 17.3% red, 30.98% green, and 62% blue. This particular combination gives it a unique depth and richness, making it distinct from lighter or more vibrant blues. Sapphire is often associated with royalty, wisdom, and intelligence, which makes it a popular choice in branding and design projects that aim to convey these qualities. Its presence can add a touch of sophistication and elegance to various applications.

The hex color #2C4F9E, also known as Sapphire, presents some accessibility considerations for web development. With its moderate darkness, it's essential to ensure sufficient contrast when used as a foreground color against a background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using a light background color such as white or a pale yellow would help meet these contrast requirements. When #2C4F9E is used as a background color, pairing it with white or very light text is crucial to maintain readability and ensure users with visual impairments can easily perceive the content. Careful consideration of color pairings is paramount to create an inclusive and accessible web experience.

Shades

Digital Color Formats

RGB
44 79 158
RGB44 79 158
Red
Green
Blue
HSL
221.58deg 56.44% 39.61%
221.5856.4439.61HSL
Hue
Saturation
Lightness
HWB
221.58deg 17.25% 38.04%
221.5817.2538.04HWB
Hue
Whiteness
Blackness
hex#2C4F9E
rgb44 79 158
hsl221.58deg 56.44% 39.61%
cmyk72.15% 50% 0% 38.04%
hwb221.58deg 17.25% 38.04%
xyz-d650.1 0.09 0.33
oklch0.4467 0.135 263.84
oklab0.4467 -0.01 -0.13
CMYK
72.15% 50% 0% 38.04%
72.1550038.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.33
0.10.090.33XYZ
X
Y
Z
OKLCH
0.4467 0.135 263.84
0.44670.135263.84LCH
Lightness
Chroma
Hue
OKLAB
0.4467 -0.01 -0.13
0.4467-0.01-0.13LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons