Brunswick Green
HEX: #1B4D3E | Modern Palette
Color Specifications
#1B4D3E
27, 77, 62
162°, 64% ,30%
64.94, 0, 19.48, 69.8
About Brunswick Green
Brunswick Green (#1B4D3E) is a color with RGB(27, 77, 62) and HSL(162°, 64.94%, 30.2%). It is commonly associated with Luxury moods. In design, it fits Cool styles and is suitable for Text, Button, Accent. Its complementary color is #4D1B2A, which creates strong contrast. Its triadic palette includes #3E1B4D and #4D3E1B. The name comes from Brunswick Green (English).
- HEX: #1B4D3E
- RGB: 27, 77, 62
- HSL: 162°, 64.94%, 30.2%
- Mood: Luxury
- Style: Cool
- Use case: Text, Button, Accent
- Complementary color: #4D1B2A
- Triadic colors: #3E1B4D, #4D3E1B
- The name comes from Brunswick Green (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #1B4D3E from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The color 'Brunswick Green' is historically linked to the German city of Braunschweig (Brunswick in English) and the Duchy of Brunswick-Lüneburg. The House of Hanover, who eventually ascended to the British throne, were also Dukes of Brunswick-Lüneburg. Dark green was a prominent color in their livery and military uniforms. Over time, the name became associated with a specific, deep, often slightly bluish-green shade. It gained popularity in various applications, including: * **Railways:** Famously used for locomotives and rolling stock, particularly in the UK (e.g., British Railways' 'Brunswick Green' for express passenger locomotives). * **Automobiles:** A classic color for British sports cars and luxury vehicles. * **Paints and Dyes:** A common pigment in paints for both interior and exterior use, known for its richness and durability. * **Heraldry and Uniforms:** Continued use in military and ceremonial contexts.
First Recorded Use
The exact first documented use of the term 'Brunswick Green' is difficult to pinpoint precisely, but the color itself, or similar dark greens, would have been in use much earlier. The specific naming likely solidified in the 18th or 19th century as color standardization and naming became more common, particularly in relation to paints, dyes, and heraldry. It's often linked to the livery colors of the House of Hanover, who were also Dukes of Brunswick-Lüneburg.
Cultural Associations
Brunswick Green evokes a sense of tradition, heritage, and often, a certain understated elegance. * **British Heritage:** Strongly associated with British industrial design (especially railways) and automotive history. It's often seen as a 'classic' British color. * **Nature and Stability:** As a dark green, it carries connotations of nature, forests, stability, and reliability. * **Sophistication:** Its depth and richness lend it a sophisticated and sometimes formal character. * **Historical Accuracy:** Often used in historical reproductions or restorations to maintain period authenticity.
Code Snippets
/* Background */
.element {
background-color: #1B4D3E;
}
/* Text */
.element {
color: #1B4D3E;
}
/* Border */
.element {
border: 1px solid #1B4D3E;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#1B4D3E,
#7F1B39
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#1B4D3E,
#7F1B39
);
}// SCSS variable
$brunswick-green: #1B4D3E;
// With RGB channels (useful for rgba() usage)
$brunswick-green-r: 27;
$brunswick-green-g: 77;
$brunswick-green-b: 62;
// Usage
.element {
background-color: $brunswick-green;
color: rgba($brunswick-green-r, $brunswick-green-g, $brunswick-green-b, 0.8);
}