Sapphire

#214999

General Information about Sapphire (#214999)

The hex color #214999, also known as Sapphire, is a deep, saturated blue hue. It is composed of 12.9% red, 28.6% green, and 60% blue. In the RGB color space, it represents a relatively low red and green component, balanced by a strong blue presence, hence the dominant blue appearance. Sapphire is often associated with qualities such as trust, loyalty, wisdom, confidence, intelligence, faith, truth and heaven. It is a versatile color that can be used in various contexts, from web design to fashion. The color's depth and richness can evoke a sense of sophistication and elegance. The color creates a visually appealing impact and can be used as a primary or secondary color, but should be evaluated in context of accesibility.

The color #214999, also known as Sapphire, presents some accessibility challenges, especially when used for text. Its relatively low lightness value (around 0.22) means that it requires careful consideration of contrast ratios. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is necessary for standard text and 3:1 for large text against its background to ensure readability for users with visual impairments. When using #214999 for text, it is crucial to pair it with a light background color to meet these contrast requirements. White (#FFFFFF) or very light grays are good options. Conversely, avoid using dark backgrounds with #214999 text, as the resulting low contrast will make it difficult for many users to read. In graphical elements and user interface components, consider the size and importance of the element when evaluating contrast. Larger elements can often be legible with lower contrast ratios. Providing alternative color schemes can enhance accessibility even further, allowing users to select options that best suit their visual needs. Testing with accessibility tools is essential to ensure compliance with accessibility standards.

Shades

Digital Color Formats

RGB
33 73 153
RGB33 73 153
Red
Green
Blue
HSL
220deg 64.52% 36.47%
22064.5236.47HSL
Hue
Saturation
Lightness
HWB
220deg 12.94% 40%
22012.9440HWB
Hue
Whiteness
Blackness
hex#214999
rgb33 73 153
hsl220deg 64.52% 36.47%
cmyk78.43% 52.29% 0% 40%
hwb220deg 12.94% 40%
xyz-d650.09 0.07 0.31
oklch0.4251 0.1389 262.26
oklab0.4251 -0.02 -0.14
CMYK
78.43% 52.29% 0% 40%
78.4352.29040CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.09 0.07 0.31
0.090.070.31XYZ
X
Y
Z
OKLCH
0.4251 0.1389 262.26
0.42510.1389262.26LCH
Lightness
Chroma
Hue
OKLAB
0.4251 -0.02 -0.14
0.4251-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons