Astronaut Blue

#054A63

General Information

The hexadecimal color code #054A63 represents a dark shade of cyan-blue, often described as 'Astronaut Blue'. It is composed of 2% red, 29% green, and 39% blue. In the RGB color model, it is represented as rgb(5, 74, 99). This color falls into the category of cool colors and is often associated with feelings of calmness, stability, and professionalism. It's a versatile color that can be used in various design contexts, but its darkness requires careful consideration of contrast to ensure readability and accessibility. The color is relatively muted, making it a suitable backdrop for brighter accent colors.

The color #054A63, also known as Astronaut Blue, presents some accessibility challenges. Its low lightness value makes it difficult to use as a foreground color on a white background without sufficient contrast. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text. This color may not meet these ratios on lighter backgrounds, potentially causing readability issues, especially for users with visual impairments. To improve accessibility, consider using #054A63 on very light backgrounds or pairing it with a much lighter foreground color to ensure sufficient contrast. Testing with accessibility tools is recommended to confirm compliance with accessibility standards.

Shades

Digital Color Formats

RGB
5 74 99
RGB5 74 99
Red
Green
Blue
HSL
195.96deg 90.38% 20.39%
195.9690.3820.39HSL
Hue
Saturation
Lightness
HWB
195.96deg 1.96% 61.18%
195.961.9661.18HWB
Hue
Whiteness
Blackness
hex#054A63
rgb5 74 99
hsl195.96deg 90.38% 20.39%
cmyk94.95% 25.25% 0% 61.18%
hwb195.96deg 1.96% 61.18%
xyz-d650.05 0.06 0.13
oklch0.3836 0.0741 229.99
oklab0.3836 -0.05 -0.06
CMYK
94.95% 25.25% 0% 61.18%
94.9525.25061.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.13
0.050.060.13XYZ
X
Y
Z
OKLCH
0.3836 0.0741 229.99
0.38360.0741229.99LCH
Lightness
Chroma
Hue
OKLAB
0.3836 -0.05 -0.06
0.3836-0.05-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons