Haiti
General Information about #18133f
#18133f, also known as Haiti, is a very dark shade of indigo, close to black. It is composed of 9.4% red, 7.5% green, and 24.7% blue. In the RGB color model, it is represented as (24, 19, 63). The hex code #18133f is often used in web design and graphic design to create a sense of depth, sophistication, or mystery. Due to its darkness, it is generally recommended to pair it with lighter colors to ensure readability and visual balance. The color has very low saturation and a low luminosity, making it a very muted color. It is often used as a background color for web pages, but make sure that you use white text or very light colors to ensure readability and accessibility.
The hex color #18133f, a very dark shade of indigo, presents significant accessibility challenges. Its extremely low luminance means that text rendered in this color requires a very light foreground color 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 white or very light shades of yellow or green as foreground colors can improve accessibility. Tools like contrast checkers can help assess compliance. Avoid using this color for critical information or interactive elements without careful attention to contrast. Visually impaired users may struggle to differentiate elements using #18133f against even slightly darker backgrounds, impacting usability. Proper ARIA attributes and semantic HTML can further aid assistive technologies in interpreting the content.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of indigo, #28235f offers improved visibility while maintaining a similar aesthetic. This provides better contrast against darker backgrounds, enhancing readability.
As an alternative to indigo, #222244 provides a less saturated and hence more subtle hue than the original color, making it easier on the eye.
If you like the darkness of the color #18133F, you may also want to try pure black. Using black has the advantage that you can use white text on black to achieve maximum constrast.
Applications
Web Design
In web development, #18133f can be used to create a sophisticated and modern look, especially for website backgrounds, headers or footers. The color's depth can add a sense of luxury and seriousness. Consider pairing it with lighter accent colors to create visually appealing contrasts. This color works well for websites in the finance, technology, or education sectors. Make sure to use very light text on this background, or you might violate accessibility rules. Its use in user interface elements such as buttons or input fields should be carefully considered due to accessibility concerns related to contrast ratios.
Interior Design
In interior design, #18133f can serve as an accent wall color in living rooms or bedrooms to create a cozy and intimate atmosphere. The deep indigo color can be paired with lighter furniture and decor to create a balanced contrast. It’s also suitable for smaller elements like cushions or vases, adding depth and sophistication to the room. This color works well in studies or home offices to stimulate focus and concentration. In darker rooms, you may want to add some more lighting to balance the color.
Fashion
In fashion, #18133f is a great choice for elegant evening wear or professional attire. The color can be used for dresses, suits, or accessories, offering a refined and understated style. It pairs well with metallic accents, such as silver or gold, for a touch of glamour. The color is versatile and suitable for both casual and formal settings. Consider using it in accessories such as scarves or handbags to add depth and sophistication to an outfit. For a very elegant style, you may want to use pure black instead.