Sapphire

#284AA2

General Information about Sapphire (#284AA2)

The hex color #284AA2, often referred to as Sapphire, is a deep and rich shade of blue. In the RGB color model, it is composed of 16.1% red, 29.1% green, and 63.5% blue. This color evokes feelings of trust, loyalty, and stability, making it a popular choice for various applications. In color psychology, blue is often associated with peace, serenity, and intelligence. Sapphire's darker tone adds a sense of sophistication and elegance, making it suitable for conveying a sense of professionalism and reliability. Its hexadecimal code is frequently used in web design, graphic design, and other digital media to ensure color consistency across different platforms and devices. The color is commonly used in corporate branding, user interface design, and artistic compositions.

The hex color #284AA2, also known as Sapphire, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it's crucial to pair it with a light text color to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. Using online contrast checkers can help verify compliance. Furthermore, avoid using this color as the sole indicator of interactive elements like links; always provide additional cues such as underlines or icons to cater to users with color vision deficiencies. Considering these factors during the design process will significantly improve the user experience for individuals with visual impairments.

Shades

Digital Color Formats

RGB
40 74 162
RGB40 74 162
Red
Green
Blue
HSL
223.28deg 60.4% 39.61%
223.2860.439.61HSL
Hue
Saturation
Lightness
HWB
223.28deg 15.69% 36.47%
223.2815.6936.47HWB
Hue
Whiteness
Blackness
hex#284AA2
rgb40 74 162
hsl223.28deg 60.4% 39.61%
cmyk75.31% 54.32% 0% 36.47%
hwb223.28deg 15.69% 36.47%
xyz-d650.1 0.08 0.35
oklch0.4372 0.1482 264.92
oklab0.4372 -0.01 -0.15
CMYK
75.31% 54.32% 0% 36.47%
75.3154.32036.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.35
0.10.080.35XYZ
X
Y
Z
OKLCH
0.4372 0.1482 264.92
0.43720.1482264.92LCH
Lightness
Chroma
Hue
OKLAB
0.4372 -0.01 -0.15
0.4372-0.01-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons