Astronaut

#223776

General Information about #223776

The hexadecimal color code #223776 represents a deep shade of blue, often referred to as "Astronaut." It is composed of 13.3% red, 21.6% green, and 46.3% blue. In the RGB color model, it is defined by the values (34, 55, 118). This color is frequently associated with feelings of tranquility, trustworthiness, and sophistication. In color theory, #223776 belongs to the cool color spectrum. It is often used in designs where a sense of stability and depth is desired. Due to its low lightness value, it's best paired with lighter colors to ensure adequate contrast and readability.

The color #223776, also known as Astronaut, presents some accessibility challenges, especially regarding color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) requirements for contrast ratio, potentially making it difficult for users with visual impairments to read. To improve accessibility, consider using a lighter background or increasing the font size and weight. Alternatively, using #223776 for purely decorative elements is an acceptable use case. When pairing it with other colors, ensure sufficient contrast. Tools like WebAIM's contrast checker can assist in verifying contrast ratios to meet accessibility standards. Careful consideration is needed to ensure that the color is inclusive and usable for all users.

Shades

Digital Color Formats

RGB
34 55 118
RGB34 55 118
Red
Green
Blue
HSL
225deg 55.26% 29.8%
22555.2629.8HSL
Hue
Saturation
Lightness
HWB
225deg 13.33% 53.73%
22513.3353.73HWB
Hue
Whiteness
Blackness
hex#223776
rgb34 55 118
hsl225deg 55.26% 29.8%
cmyk71.19% 53.39% 0% 53.73%
hwb225deg 13.33% 53.73%
xyz-d650.05 0.04 0.18
oklch0.3578 0.1112 266.83
oklab0.3578 -0.01 -0.11
CMYK
71.19% 53.39% 0% 53.73%
71.1953.39053.73CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.18
0.050.040.18XYZ
X
Y
Z
OKLCH
0.3578 0.1112 266.83
0.35780.1112266.83LCH
Lightness
Chroma
Hue
OKLAB
0.3578 -0.01 -0.11
0.3578-0.01-0.11LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons