Elephant
General Information about #103B47
The hex color #103B47, also known as 'Elephant', is a dark, desaturated cyan color. It belongs to the cyan-blue hue family, characterized by its slightly muted appearance due to low saturation. In the RGB color model, it is composed of 6.27% red, 23.14% green, and 27.84% blue. In the CMYK color model, it consists of 77.54% cyan, 16.97% magenta, 0% yellow, and 72.16% black. Its hexadecimal representation translates to a specific combination of red, green, and blue light intensities. The color's subdued nature makes it suitable for backgrounds, text (when paired with lighter colors), and accent elements where a subtle and sophisticated touch is desired.
The hex color #103B47, a dark desaturated cyan, presents some accessibility challenges, particularly for users with visual impairments. Its low lightness value (approximately 11%) means that text rendered in this color requires careful consideration of contrast ratios. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is necessary for normal text and 3:1 for large text against its background to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1, respectively. When using #103B47 for text, it's crucial to pair it with a very light color to ensure sufficient contrast. White (#FFFFFF) or very light shades of gray are good choices. Tools like contrast checkers can help verify compliance. Avoid using this color for critical information or interactive elements if adequate contrast cannot be achieved. Consider providing alternative color schemes for users who need them.
Shades
Digital Color Formats
Alternative colors
- #205b67
A slightly lighter variant of the original color, offering improved contrast and visibility.
- #343a40
A dark grey-blue that provides a more neutral and versatile alternative, while retaining a similar aesthetic.
- #2962ff
A more saturated blue that offers enhanced visibility and impact, making it a suitable choice for highlighting important elements.
Applications
Web Design Backgrounds and Highlights
In web design, #103B47 can be used for creating sophisticated and modern website themes. It is well-suited for backgrounds of website sections, such as footers or headers. When paired with complementary colors or lighter shades of itself, it can create a sense of depth and richness. Because of its dark nature, it is best suited for elements that require minimal reading to avoid eye strain, such as sidebars or short headings. It also works well as a highlight color for hover states or button backgrounds. By adjusting the opacity of elements using this color, web designers can achieve elegant effects and improved user experience.
Interior Design Accent Color
In interior design, #103B47 can be used as a subtle accent color in minimalist rooms. The subtle color would add depth to a room without dominating the space. It's best applied sparingly, such as in throw pillows, decorative vases, or a piece of artwork. The color will allow for an ambient atmosphere that is both modern and inviting. To avoid a monotonous feel, combine the hex color with lighter colors, such as whites, creams, and light grays to bring balance to the space. Incorporating plants and natural textures is also a good way to add warmth.
Graphic Design Business Branding
In graphic design, #103B47 can be used to give a feeling of sophistication and refinement to your project. It can be effective in designing business cards, stationery, or digital marketing materials to convey a sense of professionalism and trust. It is great to use this hex color for companies in the tech, finance, or consulting industries. It offers a great alternative to using traditional dark blues or grays. Pairing this color with metallic accents like gold or silver can enhance the elegance of the color and help elevate your design and brand.