Dark Blue
General Information about #1B02B2
#1B02B2 is a dark shade of blue. It is composed of 10.6% red, 0.8% green and 69.8% blue. In the RGB color model, this hex code is made up of 27 red, 2 green, and 178 blue. In a CMYK color space, #1B02B2 is composed of 84.2% cyan, 98.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 248.3 degrees, a saturation of 97.7% and a lightness of 35.3%. #1B02B2 color luminance is 3.89 cd/m2. The closest websafe color is #330099. In the HSL color space #1b02b2 has a hue of 248.3°, 97.7% saturation and 35.3% lightness.
The hex color #1b02b2, a dark blue, presents significant accessibility challenges, primarily due to its low luminance. When used as a foreground color against a white background, it results in very poor contrast, failing to meet WCAG (Web Content Accessibility Guidelines) standards for normal text (AA) and large text (AAA). This can make content difficult to read for users with visual impairments, including those with low vision, color blindness, or cataracts. To improve accessibility, it's crucial to pair this color with a very light background, ideally a shade of white or off-white, to increase contrast. Additionally, consider using larger font sizes and incorporating visual cues like icons or borders to enhance readability. Tools like contrast checkers can help ensure sufficient contrast ratios for accessibility compliance. It's also wise to avoid using this color for critical information or interactive elements, as users might struggle to perceive them clearly.
Shades
Digital Color Formats
Alternative colors
A lighter shade of blue that provides better contrast against white backgrounds, improving readability and accessibility.
A neutral gray can serve as a more accessible alternative for text or background, offering better contrast and reducing eye strain.
A vibrant purple to provide a colorful but distinct alternative, particularly useful in designs needing a strong visual element while offering more visual clarity than very dark colors.
Applications
Web Design Accent
In web design, this dark blue can serve as an accent color for headers or call-to-action buttons on websites aiming for a sophisticated and modern aesthetic. Its depth provides a sense of trust and stability, making it suitable for finance or technology companies. However, careful attention must be paid to contrast ratios with text and surrounding elements to ensure readability and accessibility. It can also be used for background sections, but should be paired with lighter text colors for optimal viewing.
Fashion Design
In the fashion industry, #1b02b2 can be incorporated into clothing designs for evening wear or formal attire. Its richness lends an air of elegance and sophistication. It's often paired with silver or gold accents to enhance its luxurious appeal. It also works well as a base color for printed patterns. This dark blue is also suitable for accessories like handbags or scarves, adding a touch of depth and class to any outfit. When designing outfits for everyday wear, it is better to use lighter colors.
Interior Design Accent
For interior design, this color can be used in small doses to add depth and drama to a room. It works well as an accent wall in a bedroom or study, creating a calming and sophisticated atmosphere. It can also be incorporated into upholstery for furniture, such as sofas or chairs, providing a focal point in the space. When using this color, it's important to balance it with lighter, neutral tones to prevent the room from feeling too dark and oppressive. Proper lighting is essential to showcase its richness without overwhelming the space.