Razzmatazz

HEX: #E3256B | Modern Palette

On White
4.43:1
FAIL
On Black
4.74:1
PASS

Color Specifications

HEX
#E3256B
RGB
227, 37, 107
HSL
337°, 77% ,51%
CMYK
0, 84, 53, 11

About Razzmatazz

Razzmatazz (#E3256B) is a color with RGB(227, 37, 107) and HSL(337.9°, 77.2%, 51.8%). It is commonly associated with Energetic, Romantic moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #25E39D, which creates strong contrast. Its triadic palette includes #6BE325 and #256BE3. The name comes from razzmatazz (English (American Slang)).

  • HEX: #E3256B
  • RGB: 227, 37, 107
  • HSL: 337.9°, 77.2%, 51.8%
  • Mood: Energetic, Romantic
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #25E39D
  • Triadic colors: #6BE325, #256BE3
  • The name comes from razzmatazz (English (American Slang)).

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

Color Characteristics

Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #858565
Protanopia #59596C
Tritanopia #E13434
Achromatopsia #787878

Frequently Asked Questions

Razzmatazz (#E3256B) is a color with RGB(227, 37, 107) and HSL(337.9°, 77.2%, 51.8%).

#E3256B pairs strongly with #25E39D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#E3256B is commonly associated with Energetic, Romantic.

The name Razzmatazz is linked to razzmatazz from English (American Slang), meaning Showy, flashy, or exciting display or performance; a fuss or commotion..

Name, History & Etymology

Origin Word razzmatazz
Meaning Showy, flashy, or exciting display or performance; a fuss or commotion.
Language English (American Slang)
First Recorded Use Early 20th Century

History

The exact etymology of 'razzmatazz' is somewhat obscure, but it is widely believed to be an American slang term that emerged in the 1920s. It is likely an onomatopoeic or reduplicative formation, similar to other slang words of the era like 'razzle-dazzle' (which it is often used interchangeably with or considered a variant of). The 'razz' component might relate to 'razz' meaning to tease or make fun of, often with a loud, brassy sound, while the 'matazz' part adds to the rhythmic, somewhat nonsensical, and energetic feel. It quickly became associated with the vibrant, often over-the-top entertainment and social scene of the Roaring Twenties.

First Recorded Use

1920s

Cultural Associations

During the 1920s, 'razzmatazz' captured the spirit of an era characterized by jazz music, flappers, speakeasies, and a general sense of exuberance and rebellion against pre-war conservatism. It evokes images of lively performances, elaborate costumes, and a certain theatricality. Today, it still carries connotations of excitement, showmanship, and sometimes a slight hint of superficiality or excessive flashiness. It's often used to describe marketing, entertainment, or events that are designed to impress and create a buzz.

Similar Named Colors

Cerise #DE3163 ΔE 2.58
Ruby #E0115F ΔE 2.75
Raspberry #E30B5D ΔE 3.12
Dogwood Rose #D71868 ΔE 3.49

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #E3256B,
        #25E39D
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #E3256B,
        #25E39D
    );
}

// SCSS variable
$razzmatazz: #E3256B;

// With RGB channels (useful for rgba() usage)
$razzmatazz-r: 227;
$razzmatazz-g: 37;
$razzmatazz-b: 107;

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