Astronaut

#224576

General Information About Hex Color #224576

The hexadecimal color code #224576, also referred to as 'Astronaut', is a dark shade of blue. It is composed of 13.3% red, 27.1% green, and 46.3% blue. In the RGB color space, it has values of R:34, G:69, and B:118. Represented in the CMYK color space, it consists of 71% cyan, 42% magenta, 0% yellow, and 54% black. This color evokes a sense of depth, stability, and sophistication. Due to its dark nature, #224576 is often used in designs where a serious or professional tone is desired. Its subtle yet impactful presence allows it to be a versatile choice in various applications. It is also perceived to be a very calming and trustworthy color, making it a favorite of businesses. The color also falls into the range of blues that can often be associated with feelings of sadness or melancholy, depending on the context it is used in.

The hex color #224576, also known as Astronaut, presents some accessibility considerations, particularly for text and interactive elements. Its relatively low luminance can create challenges in achieving sufficient contrast against both light and dark backgrounds. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, it's crucial to carefully evaluate the background color paired with #224576 to ensure readability. For instance, using white text on an #224576 background may not provide adequate contrast for all users, especially those with visual impairments. It's advisable to use a contrast checker tool to verify compliance with accessibility standards. Employing techniques such as increasing font weight or adding a text shadow can sometimes improve legibility, but these should be used cautiously and tested thoroughly. Additionally, consider providing alternative color schemes that offer better contrast ratios to cater to users with different visual needs. When used for interactive elements like buttons or links, ensure that hover and focus states also meet sufficient contrast requirements. Proper attention to these details will enhance the overall user experience and inclusivity of your design.

Shades

Digital Color Formats

RGB
34 69 118
RGB34 69 118
Red
Green
Blue
HSL
215deg 55.26% 29.8%
21555.2629.8HSL
Hue
Saturation
Lightness
HWB
215deg 13.33% 53.73%
21513.3353.73HWB
Hue
Whiteness
Blackness
hex#224576
rgb34 69 118
hsl215deg 55.26% 29.8%
cmyk71.19% 41.53% 0% 53.73%
hwb215deg 13.33% 53.73%
xyz-d650.06 0.06 0.18
oklch0.3907 0.093 257.24
oklab0.3907 -0.02 -0.09
CMYK
71.19% 41.53% 0% 53.73%
71.1941.53053.73CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.18
0.060.060.18XYZ
X
Y
Z
OKLCH
0.3907 0.093 257.24
0.39070.093257.24LCH
Lightness
Chroma
Hue
OKLAB
0.3907 -0.02 -0.09
0.3907-0.02-0.09LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons