Sapphire

#284BA2

General Information about Sapphire

The hexadecimal color #284BA2, also known as Sapphire, is a deep, saturated shade of blue. In the RGB color model, it consists of 16.08% red, 29.8% green, and 63.53% blue. Sapphire belongs to the broader family of blue colors, often associated with trust, loyalty, wisdom, confidence, intelligence, faith, truth and heaven. Blue is considered beneficial to the mind and body. It slows human metabolism and produces a calming effect. In heraldry, blue is used to represent piety and sincerity. The color's visual properties make it a popular choice in various design applications, particularly where a sense of stability and sophistication is desired.

The hex color #284BA2, also known as Sapphire, presents specific accessibility considerations for web developers. Its relatively low luminance value means it requires careful pairing with text and background colors 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. When using #284BA2 for text, a very light background color is necessary. Similarly, if #284BA2 is used as a background, the text color should be very light, like white or a very light gray. Tools like contrast checkers can help determine if the color combinations meet accessibility standards. Overlooking these guidelines can result in content that is difficult to read for users with visual impairments, impacting usability and inclusivity.

Shades

Digital Color Formats

RGB
40 75 162
RGB40 75 162
Red
Green
Blue
HSL
222.79deg 60.4% 39.61%
222.7960.439.61HSL
Hue
Saturation
Lightness
HWB
222.79deg 15.69% 36.47%
222.7915.6936.47HWB
Hue
Whiteness
Blackness
hex#284BA2
rgb40 75 162
hsl222.79deg 60.4% 39.61%
cmyk75.31% 53.7% 0% 36.47%
hwb222.79deg 15.69% 36.47%
xyz-d650.1 0.08 0.35
oklch0.4393 0.1469 264.56
oklab0.4393 -0.01 -0.15
CMYK
75.31% 53.7% 0% 36.47%
75.3153.7036.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.35
0.10.080.35XYZ
X
Y
Z
OKLCH
0.4393 0.1469 264.56
0.43930.1469264.56LCH
Lightness
Chroma
Hue
OKLAB
0.4393 -0.01 -0.15
0.4393-0.01-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons