International Orange (engineering)

HEX: #BA160C | Modern Palette

On White
6.55:1
PASS
On Black
3.21:1
FAIL

Color Specifications

HEX
#BA160C
RGB
186, 22, 12
HSL
3°, 93% ,72%
CMYK
0, 88.17, 93.55, 27.06

About International Orange (engineering)

International Orange (engineering) (#BA160C) is a color with RGB(186, 22, 12) and HSL(3.45°, 93.55%, 72.94%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #0CB0BA, which creates strong contrast. Its triadic palette includes #0CBA16 and #160CBA. The name comes from International Orange (English).

  • HEX: #BA160C
  • RGB: 186, 22, 12
  • HSL: 3.45°, 93.55%, 72.94%
  • Mood: Bold, Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #0CB0BA
  • Triadic colors: #0CBA16, #160CBA
  • The name comes from International Orange (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

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 #BA160C from deepest shade to lightest tint.

Color Characteristics

Mood
Bold Playful
Style
Neon Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #6B6B00
Protanopia #464612
Tritanopia #BA1515
Achromatopsia #5D5D5D

Frequently Asked Questions

International Orange (engineering) (#BA160C) is a color with RGB(186, 22, 12) and HSL(3.45°, 93.55%, 72.94%).

#BA160C pairs strongly with #0CB0BA as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#BA160C is suitable for Text, Button, Accent and works well with Neon, Warm styles.

#BA160C is commonly associated with Bold, Playful.

The name International Orange (engineering) is linked to International Orange from English, meaning A specific shade of orange-red, often used for high-visibility objects..

Name, History & Etymology

Origin Word International Orange
Meaning A specific shade of orange-red, often used for high-visibility objects.
Language English
First Recorded Use Early 20th Century

History

The color 'International Orange' was specifically chosen by consulting architect Irving Morrow for the Golden Gate Bridge in San Francisco. He was inspired by the red lead primer that had been painted on the steel during fabrication. He found the color complemented the bridge's setting, blending with the natural environment (hills, sky, ocean) and providing excellent visibility in fog. It was preferred over more conventional choices like black or gray. The specific hex code #ba160c is a common representation of this color, though slight variations exist.

First Recorded Use

1930s (specifically for the Golden Gate Bridge)

Cultural Associations

International Orange is most famously associated with the Golden Gate Bridge, making it an iconic color for San Francisco and a symbol of engineering marvel. Its use on the bridge has cemented its identity as a color for large-scale, visible structures. It is also used in aerospace for certain components and in other industrial applications where high visibility is crucial.

Similar Named Colors
Mordant Red 19 #AE0C00 ΔE 2.98
Venetian Red #C80815 ΔE 3.11
Carnelian #B31B1B ΔE 3.23
Boston University Red #CC0000 ΔE 3.45

Code Snippets

/* Background */
.element {
    background-color: #BA160C;
}

/* Text */
.element {
    color: #BA160C;
}

/* Border */
.element {
    border: 1px solid #BA160C;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #BA160C,
        #79F3FB
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #BA160C,
        #79F3FB
    );
}

// SCSS variable
$international-orange-(engineering): #BA160C;

// With RGB channels (useful for rgba() usage)
$international-orange-(engineering)-r: 186;
$international-orange-(engineering)-g: 22;
$international-orange-(engineering)-b: 12;

// Usage
.element {
    background-color: $international-orange-(engineering);
    color: rgba($international-orange-(engineering)-r, $international-orange-(engineering)-g, $international-orange-(engineering)-b, 0.8);
}