Astronaut

#213677

General Information about #213677

The hexadecimal color #213677, also known as Astronaut, is a deep shade of blue. It is composed of 12.9% red, 21.2% green, and 46.7% blue. In the RGB color space, it has the numerical values (33, 54, 119). This color is often associated with feelings of calmness, stability, and intelligence. In color theory, deep blues are frequently used to convey trust and security. Its darker tone also makes it a good choice for backgrounds where light-colored text will be displayed. It is a tertiary color that can be used to create monochromatic color schemes.

The color #213677, also known as Astronaut, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires very light text to ensure readability, meeting WCAG (Web Content Accessibility Guidelines) standards for contrast ratios. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Using online contrast checkers is crucial to verify compliance. Due to its deep hue, avoid pairing it with other dark colors, as this can strain viewers' eyes. Consideration should be given to users with visual impairments or color blindness. Providing alternative text descriptions for images and using semantic HTML can further enhance accessibility. Ensure interactive elements have sufficient visual cues beyond color alone.

Shades

Digital Color Formats

RGB
33 54 119
RGB33 54 119
Red
Green
Blue
HSL
225.35deg 56.58% 29.8%
225.3556.5829.8HSL
Hue
Saturation
Lightness
HWB
225.35deg 12.94% 53.33%
225.3512.9453.33HWB
Hue
Whiteness
Blackness
hex#213677
rgb33 54 119
hsl225.35deg 56.58% 29.8%
cmyk72.27% 54.62% 0% 53.33%
hwb225.35deg 12.94% 53.33%
xyz-d650.05 0.04 0.18
oklch0.3559 0.1144 266.96
oklab0.3559 -0.01 -0.11
CMYK
72.27% 54.62% 0% 53.33%
72.2754.62053.33CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.18
0.050.040.18XYZ
X
Y
Z
OKLCH
0.3559 0.1144 266.96
0.35590.1144266.96LCH
Lightness
Chroma
Hue
OKLAB
0.3559 -0.01 -0.11
0.3559-0.01-0.11LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons