Sapphire

#274CA3

General Information about Sapphire

Sapphire, represented by the hexadecimal color code #274CA3, is a deep and rich shade of blue. It belongs to the blue color family and evokes feelings of trust, loyalty, wisdom, confidence, intelligence, faith, truth, and heaven. Sapphire is often associated with royalty and is considered a gemstone color. In color psychology, blue is known to have a calming and soothing effect. This specific shade, Sapphire, is a complex blue, incorporating hints of purple and grey that grant it a sophisticated and formal appearance. It is frequently used in branding and design to convey a sense of stability and professionalism. The color's depth and intensity require careful consideration of contrast and complementary colors to ensure visual harmony and readability in various applications.

The color #274CA3, also known as Sapphire, presents some accessibility challenges, especially when used as a background or text color. Its relatively low luminance of approximately 15% means it needs careful pairing with contrasting colors to ensure readability. For text, using a light color like white or a very pale yellow (#FFFFE0 or #FFFF99) would be crucial to meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratios. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using Sapphire for interactive elements like buttons, sufficient color contrast is important to help users easily identify the interactive elements. Furthermore, relying solely on color to convey information should be avoided. Supplementing color with text labels, icons, or patterns ensures that users with color vision deficiencies can still understand the content. Proper testing with accessibility evaluation tools can help web developers assess compliance with accessibility standards.

Shades

Digital Color Formats

RGB
39 76 163
RGB39 76 163
Red
Green
Blue
HSL
222.1deg 61.39% 39.61%
222.161.3939.61HSL
Hue
Saturation
Lightness
HWB
222.1deg 15.29% 36.08%
222.115.2936.08HWB
Hue
Whiteness
Blackness
hex#274CA3
rgb39 76 163
hsl222.1deg 61.39% 39.61%
cmyk76.07% 53.37% 0% 36.08%
hwb222.1deg 15.29% 36.08%
xyz-d650.1 0.08 0.36
oklch0.4418 0.1474 263.99
oklab0.4418 -0.02 -0.15
CMYK
76.07% 53.37% 0% 36.08%
76.0753.37036.08CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.36
0.10.080.36XYZ
X
Y
Z
OKLCH
0.4418 0.1474 263.99
0.44180.1474263.99LCH
Lightness
Chroma
Hue
OKLAB
0.4418 -0.02 -0.15
0.4418-0.02-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons