Sapphire

#284CA2

General Information about Sapphire (#284CA2)

The hex color #284CA2, also known as Sapphire, is a deep, rich shade of blue. It belongs to the blue color family and evokes feelings of trust, loyalty, and sophistication. In the RGB color model, it is composed of 16.1% red, 29.8% green, and 63.5% blue. In the CMYK color model, it consists of 75% cyan, 53% magenta, 0% yellow, and 36% black. Sapphire is often associated with royalty, wisdom, and serenity. It is a versatile color that can be used in various design applications, from websites and branding to interior design and fashion. Its depth and richness make it a popular choice for creating a sense of elegance and sophistication.

The hex color #284CA2, also known as Sapphire, presents moderate accessibility challenges. Its contrast ratio against white (#FFFFFF) is approximately 3.4:1, which doesn't meet the WCAG AA standard for normal text (4.5:1) but nearly satisfies the WCAG AA standard for large text (3:1). When used for text, it's advisable to increase the font size or weight to enhance readability. Against black (#000000), the contrast ratio is higher, around 6.1:1, meeting WCAG AA for normal text. Therefore, using #284CA2 on a dark background improves accessibility. Consider using color contrast tools to verify compliance and adjust the design accordingly. Designers should also be mindful of users with visual impairments, such as color blindness, and provide alternative visual cues, such as icons or text labels, to ensure information is accessible to everyone.

Shades

Digital Color Formats

RGB
40 76 162
RGB40 76 162
Red
Green
Blue
HSL
222.3deg 60.4% 39.61%
222.360.439.61HSL
Hue
Saturation
Lightness
HWB
222.3deg 15.69% 36.47%
222.315.6936.47HWB
Hue
Whiteness
Blackness
hex#284CA2
rgb40 76 162
hsl222.3deg 60.4% 39.61%
cmyk75.31% 53.09% 0% 36.47%
hwb222.3deg 15.69% 36.47%
xyz-d650.1 0.08 0.35
oklch0.4414 0.1457 264.19
oklab0.4414 -0.01 -0.14
CMYK
75.31% 53.09% 0% 36.47%
75.3153.09036.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.35
0.10.080.35XYZ
X
Y
Z
OKLCH
0.4414 0.1457 264.19
0.44140.1457264.19LCH
Lightness
Chroma
Hue
OKLAB
0.4414 -0.01 -0.14
0.4414-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons