When working with digital design and web development, precision is everything. The duck green colour code represents a specific hue that designers often seek to replicate across various platforms. Understanding the exact numerical values for this colour ensures consistency in branding and visual identity.
Defining the Duck Green Hue
Duck green is a dark, muted shade that draws inspiration from the iridescent feathers of a duck. It is not a single, universal colour but rather a spectrum of deep greens and greys. The most common reference for the standard duck green colour code utilizes the hexadecimal system, which is fundamental in HTML and CSS.
Hexadecimal and RGB Values
The primary hexadecimal code for the standard duck green is #00696B. This code translates directly to specific amounts of red, green, and blue light. In the RGB colour model, this same colour is defined as RGB(0, 105, 107). These values provide the exact intensity needed to match the natural depth of the colour.
| Colour Model | Code |
|---|---|
| Hexadecimal | #00696B |
| RGB | rgb(0, 105, 107) |
| HSL | hsl(181, 100%, 21%) |
Application in Web Design
Implementing the duck green colour code into a website requires knowledge of CSS. Designers can apply this colour to text, backgrounds, borders, and buttons. Using the hex code ensures that the visual weight of the design remains sophisticated and aligned with a professional aesthetic.
CSS Implementation Example
To use this specific shade, a developer would write CSS rules targeting the hex or RGB value. For instance, setting a paragraph's text colour requires the color property. Alternatively, the HSL value of hsl(181, 100%, 21%) offers greater control over hue, saturation, and lightness for fine-tuning accessibility and contrast.
Psychology and Brand Usage
Colour psychology plays a vital role in marketing, and duck green leans heavily on associations of nature, stability, and calm. Unlike bright greens, this darker tone conveys reliability and depth. It is a popular choice for financial institutions, eco-friendly brands, and organizations that wish to communicate trust without appearing overly vibrant.
Contrast and Accessibility
Ensuring readability is paramount when using the duck green colour code. Because the shade is dark, it typically provides excellent contrast against white or light backgrounds. However, pairing it with very dark greys can reduce legibility. Utilizing the HSL model allows designers to adjust the lightness percentage to meet WCAG compliance standards for text accessibility.
