Haiti
General Information about #101333
The hex color #101333, also known as Haiti, is a very dark shade of blue. In the RGB color model, it is composed of 6.27% red, 7.45% green, and 20% blue. This indicates that the color is heavily weighted towards the blue end of the spectrum, resulting in its deep and somber tone. It has a hue angle of 231.4 degrees, a saturation of 52.2% and a lightness of 13.1%. The color is often associated with feelings of depth, stability, and mystery. It evokes a sense of calm and sophistication, making it suitable for applications where a sense of trust and reliability is desired. In branding, it may be used to convey security and formality, while in design, it can create a subdued and elegant atmosphere.
The hex color #101333, a deep, dark shade of blue, presents significant accessibility challenges. Its extremely low luminance makes it difficult to read text rendered in this color against a white background, failing WCAG (Web Content Accessibility Guidelines) contrast ratio requirements for normal text (4.5:1) and large text (3:1). To improve accessibility, it's essential to pair #101333 with much lighter colors. Consider using white (#FFFFFF) or very light grays as foreground text colors. Also, the color can be used as a background color with light text or design elements on top. Tools like contrast checkers can help ensure sufficient contrast. Avoid using this color for essential UI elements or conveying crucial information without proper contrast adjustments. For users with low vision or color blindness, the lack of contrast can render content completely inaccessible. Thoughtful color choices enhance usability for all users.
Shades
Digital Color Formats
Alternative colors
- #2e3a87
A lighter shade of blue that offers better contrast against white backgrounds, improving readability.
- #333333
A neutral dark gray that provides a safer alternative for text and UI elements, ensuring adequate contrast.
- #ADD8E6
This light blue alternative provides a calm feeling, but a better readability than the original.
Applications
Website Header/Footer
In web design, #101333 can be effectively used as a background color for website headers or footers. The deep, somber tone provides a sense of sophistication and can create a strong visual anchor at the top or bottom of a page. Use it sparingly in conjunction with light text and design elements to ensure readability and avoid overwhelming the user. Furthermore, this color can be incorporated into website loading screens or splash pages to offer an initial impression of elegance and professionalism, setting a tone of tranquility and competence.
Accent Wall Color
In interior design, #101333 can be used as an accent wall color in a modern or minimalist living space. Its depth creates a focal point, adding a touch of drama without being overly stimulating. Pair it with lighter neutral tones, such as greys, whites, and creams, to balance the room and prevent it from feeling too dark or enclosed. Consider using metallic accents in gold or silver to enhance the richness of the color and create a luxurious atmosphere.
Formal Wear
In fashion, #101333 can be used as the primary color for formal wear, such as suits or evening dresses. Its deep, dark hue exudes sophistication and elegance, making it a suitable choice for professional or special occasions. Accessorize with contrasting colors, such as silver or white, to create a striking visual impact and balance the darkness of the color. In smaller doses, the color works well in ties, scarfs or hand bags.