Astronaut

#2E366D

General Information about #2E366D

The hexadecimal color #2E366D, also referred to as "Astronaut," is a dark shade of blue tending towards indigo. It is composed of 18.04% red, 21.18% green, and 42.75% blue. In the RGB color space, it is closer to blue than red or green. This color carries a sense of depth and sophistication, often associated with the night sky or deep ocean. In color psychology, dark blues are often linked to stability, trust, and intelligence, making Astronaut a suitable choice for designs aiming to evoke these feelings. It can be used in designs needing a calm and sophisticated presence.

The color #2E366D, also known as Astronaut, presents some accessibility challenges, particularly regarding color contrast. When used as a background, it requires very light text to ensure readability, adhering to WCAG guidelines for contrast ratios. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using lighter shades of yellows, whites, or very light blues as text colors over this background can improve visibility. Additionally, consider providing alternative cues besides color alone, such as text labels or icons, to ensure that information is accessible to users with color vision deficiencies. In interactive elements, sufficient contrast should be maintained for focus indicators to be clearly visible.

Shades

Digital Color Formats

RGB
46 54 109
RGB46 54 109
Red
Green
Blue
HSL
232.38deg 40.65% 30.39%
232.3840.6530.39HSL
Hue
Saturation
Lightness
HWB
232.38deg 18.04% 57.25%
232.3818.0457.25HWB
Hue
Whiteness
Blackness
hex#2E366D
rgb46 54 109
hsl232.38deg 40.65% 30.39%
cmyk57.8% 50.46% 0% 57.25%
hwb232.38deg 18.04% 57.25%
xyz-d650.05 0.04 0.15
oklch0.3564 0.0949 274.35
oklab0.3564 0.01 -0.09
CMYK
57.8% 50.46% 0% 57.25%
57.850.46057.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.15
0.050.040.15XYZ
X
Y
Z
OKLCH
0.3564 0.0949 274.35
0.35640.0949274.35LCH
Lightness
Chroma
Hue
OKLAB
0.3564 0.01 -0.09
0.35640.01-0.09LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons