Sapphire

#224A9F

General Information about Sapphire

The hexadecimal color code #224A9F represents a dark shade of blue, often referred to as Sapphire. In the RGB (Red, Green, Blue) color model, it consists of 13.33% red, 29.02% green, and 62.35% blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it is composed of 79% cyan, 53% magenta, 0% yellow, and 38% black. Sapphire is associated with qualities such as trust, loyalty, wisdom, confidence, intelligence, faith, truth and heaven. In color psychology, blue is known to have a calming effect and is often used to promote a sense of security and stability. This color is often used by financial businesses.

The hex color #224A9F, also known as Sapphire, presents specific accessibility considerations for web development. Its dark hue implies a need for light-colored text to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a tool to measure the contrast ratio between #224A9F and the chosen text color is crucial. Also, avoid using color as the sole means of conveying information, as users with color vision deficiencies may not perceive the distinction. Provide alternative cues such as text labels or icons to ensure inclusivity and a positive user experience for all visitors to a website or application.

Shades

Digital Color Formats

RGB
34 74 159
RGB34 74 159
Red
Green
Blue
HSL
220.8deg 64.77% 37.84%
220.864.7737.84HSL
Hue
Saturation
Lightness
HWB
220.8deg 13.33% 37.65%
220.813.3337.65HWB
Hue
Whiteness
Blackness
hex#224A9F
rgb34 74 159
hsl220.8deg 64.77% 37.84%
cmyk78.62% 53.46% 0% 37.65%
hwb220.8deg 13.33% 37.65%
xyz-d650.09 0.08 0.34
oklch0.4324 0.1458 262.87
oklab0.4324 -0.02 -0.14
CMYK
78.62% 53.46% 0% 37.65%
78.6253.46037.65CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.08 0.34
0.090.080.34XYZ
X
Y
Z
OKLCH
0.4324 0.1458 262.87
0.43240.1458262.87LCH
Lightness
Chroma
Hue
OKLAB
0.4324 -0.02 -0.14
0.4324-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons