Olivine
About Olivine (#99BD77)
The hexadecimal color #99BD77, also known as Olivine, is a combination of green and yellow hues, resulting in a muted and earthy tone. It belongs to the broader green color family, often associated with nature, growth, and tranquility. In the RGB color model, #99BD77 is composed of 60% red, 74.1% green, and 46.7% blue. When represented in the CMYK color model, it consists of 19% cyan, 0% magenta, 37% yellow, and 25.9% black. This color is often used in design to evoke a sense of calmness, stability, and connection to the natural world. Olivine is a popular choice for brands and projects seeking to convey trustworthiness, environmental consciousness, or a harmonious balance.
The color #99BD77, also known as Olivine, presents moderate accessibility challenges. Its contrast ratio with white text is approximately 2.2:1, falling short of the WCAG's minimum requirement of 4.5:1 for normal-sized text. This means that using white text on an Olivine background might be difficult for users with visual impairments to read comfortably. For better accessibility, consider using darker text colors, such as black or a very dark shade of green. When using Olivine for interactive elements like buttons or links, ensure sufficient contrast with surrounding elements to help users easily identify and interact with them. Employing text sizes larger than 18pt can also improve legibility due to the increased stroke weight. Furthermore, providing alternative visual cues like underlines or icons alongside text can improve usability for colorblind individuals. Testing color combinations with accessibility tools is crucial to ensure inclusive design.
Shades
Digital Color Formats
Alternative colors
A slightly darker shade of green that provides better contrast for text and other elements.
A lighter shade of green that can be used as a background color while maintaining a fresh and natural feel.
For a stronger contrast, a dark green adds sophistication and legibility to your elements
Applications
Eco-Friendly Website Design
Olivine green can be effectively used in website designs related to nature, sustainability, or organic products. Its soothing and calming nature makes it an excellent choice for backgrounds, accent colors, or call-to-action buttons. This color evokes feelings of freshness, growth, and harmony, making it suitable for brands wanting to project an eco-friendly image. In user interfaces, Olivine can be used to highlight important information or guide users through a process, ensuring a visually appealing and user-friendly experience. Pair it with neutral tones or earthy browns to enhance its natural aesthetic.
Fashion and Apparel
In the fashion industry, Olivine green can be incorporated into clothing designs to create a natural and earthy look. It works well for casual wear, outdoor apparel, or accessories. The color can be paired with other earthy tones like browns and beiges to create a cohesive and stylish outfit. In makeup, Olivine can be used as an eyeshadow color to create a subtle and natural look. It complements various skin tones and adds a touch of elegance to any makeup look. Accessories like scarves, bags, or jewelry can also feature Olivine green to add a pop of color to an outfit.
User Interface and Experience (UI/UX)
Olivine provides a calming and earthy base for websites. Using it in website design is beneficial due to its ability to evoke feelings of nature, sustainability, and growth. It's particularly well-suited for brands in the environmental sector, organic food industry, or wellness niches. When used as a background or accent color, Olivine promotes a user-friendly experience, guiding the user through content seamlessly. It pairs well with natural tones like browns and beiges, creating a visually appealing and harmonious interface. Its calming effect enhances user retention and satisfaction.