Sapphire

#284FA8

About Sapphire (#284FA8)

Sapphire, represented by the hexadecimal color code #284FA8, is a deep and vibrant shade of blue that evokes feelings of serenity, trust, and sophistication. It belongs to the blue color family, often associated with calmness, stability, and intellect. In color psychology, sapphire blue is frequently used to convey professionalism, reliability, and security. Its hex code translates to a specific combination of red, green, and blue light intensities, creating its distinctive hue. Sapphire's specific position on the color wheel gives it a unique character compared to other blues like navy or sky blue. It is important to consider the implications of its undertones when using it in designs.

The accessibility of #284FA8 (Sapphire) should be carefully considered, especially for text and UI elements. Its relatively low lightness value (around 29%) means it offers limited contrast against white backgrounds, potentially causing readability issues for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text according to WCAG guidelines. Using a lighter color for text on a Sapphire background or using Sapphire for large graphical elements would improve accessibility. Tools are available to check contrast ratios and ensure compliance with accessibility standards. Ensure sufficient contrast by pairing Sapphire with lighter shades of yellow, white, or beige to meet WCAG requirements and provide a better user experience for everyone, including those with low vision or color blindness.

Shades

Digital Color Formats

RGB
40 79 168
RGB40 79 168
Red
Green
Blue
HSL
221.72deg 61.54% 40.78%
221.7261.5440.78HSL
Hue
Saturation
Lightness
HWB
221.72deg 15.69% 34.12%
221.7215.6934.12HWB
Hue
Whiteness
Blackness
hex#284FA8
rgb40 79 168
hsl221.72deg 61.54% 40.78%
cmyk76.19% 52.98% 0% 34.12%
hwb221.72deg 15.69% 34.12%
xyz-d650.11 0.09 0.38
oklch0.4525 0.1503 263.68
oklab0.4525 -0.02 -0.15
CMYK
76.19% 52.98% 0% 34.12%
76.1952.98034.12CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.38
0.110.090.38XYZ
X
Y
Z
OKLCH
0.4525 0.1503 263.68
0.45250.1503263.68LCH
Lightness
Chroma
Hue
OKLAB
0.4525 -0.02 -0.15
0.4525-0.02-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons