UA Red

HEX: #D9004C | Modern Palette

On White
5.18:1
PASS
On Black
4.05:1
FAIL

Color Specifications

HEX
#D9004C
RGB
217, 0, 76
HSL
339°, 100% ,42%
CMYK
0, 100, 65, 15

About UA Red

UA Red (#D9004C) is a color with RGB(217, 0, 76) and HSL(339°, 100%, 42.5%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #00D98D, which creates strong contrast. Its triadic palette includes #4CD900 and #004CD9. The name comes from UA Red (English).

  • HEX: #D9004C
  • RGB: 217, 0, 76
  • HSL: 339°, 100%, 42.5%
  • Mood: Energetic, Bold
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #00D98D
  • Triadic colors: #4CD900, #004CD9
  • The name comes from UA Red (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 #D9004C from deepest shade to lightest tint.

Color Characteristics

Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #7C7C44
Protanopia #4E4E4E
Tritanopia #D81818
Achromatopsia #6D6D6D

Frequently Asked Questions

UA Red (#D9004C) is a color with RGB(217, 0, 76) and HSL(339°, 100%, 42.5%).

#D9004C pairs strongly with #00D98D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#D9004C is suitable for Text, Button, Accent and works well with Vivid, Warm styles.

#D9004C is commonly associated with Energetic, Bold.

The name UA Red is linked to UA Red from English, meaning A specific shade of red associated with the University of Arizona..

Name, History & Etymology

Origin Word UA Red
Meaning A specific shade of red associated with the University of Arizona.
Language English
First Recorded Use Early 20th Century

History

The University of Arizona's colors, cardinal red and navy blue, were chosen early in the institution's history. While the exact shade may have varied over time due to different dyes and printing processes, the intent to use a vibrant red has been consistent. The specific hex code #d9004c represents the modern, digitally standardized version of this traditional color, ensuring consistency across all university branding and materials. This standardization is a relatively recent development, common among large institutions for brand management.

First Recorded Use

The color red has been associated with the University of Arizona since its early days, though the specific 'UA Red' hex code (#d9004c) is a modern standardization. The university was established in 1885, and red and blue were adopted as official colors by the early 1900s.

Cultural Associations

UA Red is a deeply significant color for the University of Arizona community. It is prominently featured in athletic uniforms (especially for the Arizona Wildcats), academic regalia, university logos, and promotional materials. It evokes school spirit, pride, and a sense of belonging among students, alumni, faculty, and fans. The color is synonymous with the university's identity and traditions.

Similar Named Colors

Spanish Carmine #D10047 ΔE 1.80
Debian Red #D70A53 ΔE 1.90
Rich Carmine #D70040 ΔE 3.15
Utah Crimson #D3003F ΔE 3.28

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #D9004C,
        #00D98D
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #D9004C,
        #00D98D
    );
}

// SCSS variable
$ua-red: #D9004C;

// With RGB channels (useful for rgba() usage)
$ua-red-r: 217;
$ua-red-g: 0;
$ua-red-b: 76;

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