Astronaut

#283D73

General Information about #283D73

The hex color #283D73, often referred to as 'Astronaut,' is a deep, muted shade of blue-violet. In the RGB color model, it is composed of 16.1% red, 23.9% green, and 45.1% blue. This color is often associated with feelings of calmness, stability, and sophistication. It is frequently used in designs aiming to convey trust and reliability. In color theory, #283D73 falls into the cool color spectrum, making it suitable for backgrounds or elements where a subtle and non-intrusive presence is desired. Its hexadecimal representation allows for precise and consistent use across various digital platforms and design tools.

The hex color #283D73, also known as Astronaut, presents specific accessibility considerations for web developers. Its dark hue implies a need for light-colored text to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using tools to evaluate the contrast ratio between #283D73 and the chosen text color is crucial. Also, ensure that interactive elements using this color have clear visual cues on hover or focus states. Avoid relying solely on color to convey information; supplement with text labels or icons. Thoroughly test the color combination with users who have visual impairments to guarantee usability for all.

Shades

Digital Color Formats

RGB
40 61 115
RGB40 61 115
Red
Green
Blue
HSL
223.2deg 48.39% 30.39%
223.248.3930.39HSL
Hue
Saturation
Lightness
HWB
223.2deg 15.69% 54.9%
223.215.6954.9HWB
Hue
Whiteness
Blackness
hex#283D73
rgb40 61 115
hsl223.2deg 48.39% 30.39%
cmyk65.22% 46.96% 0% 54.9%
hwb223.2deg 15.69% 54.9%
xyz-d650.06 0.05 0.17
oklch0.3727 0.0964 265.93
oklab0.3727 -0.01 -0.1
CMYK
65.22% 46.96% 0% 54.9%
65.2246.96054.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.05 0.17
0.060.050.17XYZ
X
Y
Z
OKLCH
0.3727 0.0964 265.93
0.37270.0964265.93LCH
Lightness
Chroma
Hue
OKLAB
0.3727 -0.01 -0.1
0.3727-0.01-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons