International Orange (Golden Gate Bridge)
HEX: #C0362C | Modern Palette
Color Specifications
#C0362C
192, 54, 44
4°, 77% ,75%
0, 71.88, 77.08, 24.71
About International Orange (Golden Gate Bridge)
International Orange (Golden Gate Bridge) (#C0362C) is a color with RGB(192, 54, 44) and HSL(4.05°, 77.08%, 75.29%). It is commonly associated with Playful, Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #2CB6C0, which creates strong contrast. Its triadic palette includes #2CC036 and #362CC0. The name comes from International Orange (English).
- HEX: #C0362C
- RGB: 192, 54, 44
- HSL: 4.05°, 77.08%, 75.29%
- Mood: Playful, Romantic
- Style: Warm
- Use case: Text, Button, Accent
- Complementary color: #2CB6C0
- Triadic colors: #2CC036, #362CC0
- The name comes from International Orange (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 #C0362C from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
When the Golden Gate Bridge was being built, the steel that arrived on site was coated with a red lead primer to protect it from rust. Consulting architect Irving Morrow found this reddish primer to be pleasing and unique, especially against the natural backdrop of the bay, sky, and hills. He argued against more conventional choices like black or gray, which were common for bridges at the time. Morrow developed the specific 'International Orange' color, which is a custom blend, to complement the bridge's art deco design and its surroundings, making it stand out while also blending with the natural environment. The color also serves a practical purpose, making the bridge more visible to ships in fog.
First Recorded Use
The color was first used on the Golden Gate Bridge during its construction, which began in 1933 and was completed in 1937. The specific shade was chosen by consulting architect Irving Morrow.
Cultural Associations
International Orange, specifically the shade used on the Golden Gate Bridge, has become an iconic symbol of San Francisco and the bridge itself. It is instantly recognizable worldwide. The color is often replicated in souvenirs, art, and branding related to the city. Its unique aesthetic appeal and historical significance have cemented its place in popular culture. The color is not a standard 'international orange' as defined by some safety standards, but a custom shade unique to the Golden Gate Bridge.
Code Snippets
/* Background */
.element {
background-color: #C0362C;
}
/* Text */
.element {
color: #C0362C;
}
/* Border */
.element {
border: 1px solid #C0362C;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#C0362C,
#8FEAF1
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#C0362C,
#8FEAF1
);
}// SCSS variable
$international-orange-(golden-gate-bridge): #C0362C;
// With RGB channels (useful for rgba() usage)
$international-orange-(golden-gate-bridge)-r: 192;
$international-orange-(golden-gate-bridge)-g: 54;
$international-orange-(golden-gate-bridge)-b: 44;
// Usage
.element {
background-color: $international-orange-(golden-gate-bridge);
color: rgba($international-orange-(golden-gate-bridge)-r, $international-orange-(golden-gate-bridge)-g, $international-orange-(golden-gate-bridge)-b, 0.8);
}