Sapphire

#244CA6

General Information about Sapphire (#244CA6)

The hexadecimal color #244CA6, also known as Sapphire, is a dark shade of blue. It's composed of 14.12% red, 29.8% green, and 65.1% blue. In the RGB color space, it's represented as rgb(36, 76, 166). Sapphire typically evokes feelings of calmness, trust, and intelligence. Its dark nature makes it suitable for designs aiming for a professional and sophisticated look. This color is often associated with royalty and tradition. When utilizing Sapphire, care should be taken to ensure proper contrast with surrounding colors, particularly for text, to maintain accessibility standards.

The accessibility of #244CA6 (Sapphire) should be carefully considered. With a relatively low luminance, it may pose challenges for users with visual impairments. When used as text, it requires a light-colored background to ensure sufficient contrast, meeting WCAG guidelines for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When used for interactive elements like buttons or links, clear visual cues and sufficient size are crucial. Avoid pairing it with other dark colors, as this would further reduce contrast. Providing alternative text descriptions for images or icons using this color enhances accessibility for screen reader users. Thorough testing with accessibility evaluation tools and real users is essential to validate the design's accessibility.

Shades

Digital Color Formats

RGB
36 76 166
RGB36 76 166
Red
Green
Blue
HSL
221.54deg 64.36% 39.61%
221.5464.3639.61HSL
Hue
Saturation
Lightness
HWB
221.54deg 14.12% 34.9%
221.5414.1234.9HWB
Hue
Whiteness
Blackness
hex#244CA6
rgb36 76 166
hsl221.54deg 64.36% 39.61%
cmyk78.31% 54.22% 0% 34.9%
hwb221.54deg 14.12% 34.9%
xyz-d650.1 0.08 0.37
oklch0.443 0.1524 263.43
oklab0.443 -0.02 -0.15
CMYK
78.31% 54.22% 0% 34.9%
78.3154.22034.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.08 0.37
0.10.080.37XYZ
X
Y
Z
OKLCH
0.443 0.1524 263.43
0.4430.1524263.43LCH
Lightness
Chroma
Hue
OKLAB
0.443 -0.02 -0.15
0.443-0.02-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons