Sapphire

#284EA2

General Information about Sapphire (#284EA2)

The hexadecimal color #284EA2, also known as Sapphire, is a deep and vibrant shade of blue. It is composed of 15.7% red, 30.98% green, and 63.53% blue. In the RGB color model, it is represented as (40, 78, 162). Sapphire is a popular color choice in various design applications due to its association with qualities such as trust, loyalty, and wisdom. It's often used to convey a sense of professionalism and reliability. The color's hex code (#284EA2) provides a standardized way to identify and use this specific shade of blue across different platforms and mediums, ensuring consistency in visual communication.

The color #284EA2, also known as Sapphire, presents some accessibility challenges. Its relatively low luminance value of 0.14 means that it may not provide sufficient contrast when used as text against a white 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. Therefore, using #284EA2 for text on a white background might require larger font sizes or the implementation of a darker background color to ensure readability for users, especially those with visual impairments. When using this color, always verify the contrast ratio and make necessary adjustments for optimal accessibility and user experience.

Shades

Digital Color Formats

RGB
40 78 162
RGB40 78 162
Red
Green
Blue
HSL
221.31deg 60.4% 39.61%
221.3160.439.61HSL
Hue
Saturation
Lightness
HWB
221.31deg 15.69% 36.47%
221.3115.6936.47HWB
Hue
Whiteness
Blackness
hex#284EA2
rgb40 78 162
hsl221.31deg 60.4% 39.61%
cmyk75.31% 51.85% 0% 36.47%
hwb221.31deg 15.69% 36.47%
xyz-d650.1 0.09 0.35
oklch0.4457 0.1431 263.42
oklab0.4457 -0.02 -0.14
CMYK
75.31% 51.85% 0% 36.47%
75.3151.85036.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.09 0.35
0.10.090.35XYZ
X
Y
Z
OKLCH
0.4457 0.1431 263.42
0.44570.1431263.42LCH
Lightness
Chroma
Hue
OKLAB
0.4457 -0.02 -0.14
0.4457-0.02-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons