Elephant
General Information about #123145
The hex color #123145, often referred to as 'Elephant', is a dark, desaturated blue-gray that evokes feelings of calmness, stability, and sophistication. It belongs to the family of cool colors and possesses a subtle elegance, making it a versatile choice for various design applications. In the RGB color model, #123145 consists of 7.06% red, 19.22% green, and 27.06% blue. This color is commonly used in web design, graphic design, and interior design to create a sense of professionalism and understated luxury. It can be found in corporate branding, user interfaces, and decorative elements. The hexadecimal system, commonly used in web design, represents colors using a six-digit code. The first two digits are for red, the middle two for green, and the last two for blue.
The hex color #123145 presents accessibility challenges due to its low contrast against light backgrounds. Web developers should avoid using this color for text or interactive elements without careful consideration of contrast ratios. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. When using #123145, ensure sufficient contrast by pairing it with a very light color, ideally white or a very pale shade of yellow or green. Alternatively, for dark mode designs, consider pairing it with a lighter shade of gray or a muted pastel color to ensure readability and usability for users with visual impairments. It's essential to use accessibility tools to verify that the chosen color combination meets the minimum contrast requirements to provide an inclusive user experience.
Shades
Digital Color Formats
Alternative colors
- #345678
A slightly lighter shade of blue-gray that maintains the cool tone but offers improved contrast.
- #0a2b3e
A darker, more saturated blue that can provide a better visual impact when used sparingly.
- #808080
A neutral gray which can be used instead of the original color to give the design a cleaner look, without compromising accessibility.
Applications
Web Design
In web design, #123145 can be used for header backgrounds or subtle accents, provided that the text or interactive elements placed on top have sufficient contrast. It's also suitable for creating a calm and professional atmosphere in corporate websites. This color can work well in creating visually appealing charts and graphs, where multiple shades of blue are needed to represent different data sets. However, ensure adequate contrast for readability. Use of this color is not encouraged for active UI elements like buttons, as it may become difficult to recognize due to its low luminosity.
Interior Design and Fashion
In interior design, #123145 can be utilized to create a serene and sophisticated atmosphere, particularly in bedrooms or studies. This color works well when paired with lighter neutral tones like cream or beige, or even warmer colors to create contrast. In fashion, this color is applicable to create professional and classy attire. It is most suited for formal dresses, office wear and accessories.
Logo Design
In logo design, a deep, muted shade like #123145 can project reliability and sophistication. It pairs well with brighter accent colors and clean typography to create a memorable brand identity. The versatility and calming effect makes this color a good option in a design portfolio.