Carrot Orange

HEX: #ED9121 | Modern Palette

On White
2.42:1
FAIL
On Black
8.67:1
PASS

Color Specifications

HEX
#ED9121
RGB
237, 145, 33
HSL
32°, 85% ,52%
CMYK
0, 39, 86, 7

About Carrot Orange

Carrot Orange (#ED9121) is a color with RGB(237, 145, 33) and HSL(32.9°, 85%, 52.9%). 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 #217DED, which creates strong contrast. Its triadic palette includes #21ED91 and #9121ED. The name comes from Carrot Orange (English).

  • HEX: #ED9121
  • RGB: 237, 145, 33
  • HSL: 32.9°, 85%, 52.9%
  • Mood: Energetic, Bold
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #217DED
  • Triadic colors: #21ED91, #9121ED
  • The name comes from Carrot 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 #ED9121 from deepest shade to lightest tint.

Color Characteristics

Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #B2B209
Protanopia #9F9F24
Tritanopia #F18989
Achromatopsia #A6A6A6

Frequently Asked Questions

Carrot Orange (#ED9121) is a color with RGB(237, 145, 33) and HSL(32.9°, 85%, 52.9%).

#ED9121 pairs strongly with #217DED as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#ED9121 is commonly associated with Energetic, Bold.

The name Carrot Orange is linked to Carrot Orange from English, meaning A color resembling the vibrant orange of a carrot..

Name, History & Etymology

Origin Word Carrot Orange
Meaning A color resembling the vibrant orange of a carrot.
Language English
First Recorded Use Early 20th Century (as a specific color name)

History

The color orange itself has a long history, named after the fruit. Carrots, originally purple or white, were selectively bred in the Netherlands in the 16th or 17th century to be orange, likely in honor of the House of Orange. This made the association of carrots with orange very strong. The specific naming of 'Carrot Orange' as a distinct color likely emerged as part of a broader trend in the late 19th and early 20th centuries to give more descriptive and evocative names to colors, moving beyond basic terms to include natural objects (like 'Apple Green', 'Sky Blue', 'Lemon Yellow'). It's a straightforward descriptive name that immediately evokes a specific shade of orange.

First Recorded Use

While carrots have been orange for centuries (though not always), the specific color name 'Carrot Orange' likely gained traction with the standardization of color palettes in art, design, and manufacturing. References to 'carrot color' or 'carrot-like orange' would predate this, but 'Carrot Orange' as a distinct named hue points to the early 20th century, particularly with the rise of commercial dyes and paints requiring precise naming.

Cultural Associations

Carrot Orange is widely recognized and associated with health, vitality, and naturalness due to its namesake. It's a common color in food branding, especially for healthy or natural products. It's also frequently used in children's products and educational materials due to its bright, cheerful, and approachable nature. In some cultures, orange can symbolize warmth, enthusiasm, and creativity. The color is also strongly linked to autumn and harvest themes.

Similar Named Colors

Fulvous #E48400 ΔE 3.54
Orange (RYB) #FB9902 ΔE 3.58
Princeton Orange #FF8F00 ΔE 3.64
Tangerine #F28500 ΔE 3.84

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #ED9121,
        #217DED
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #ED9121,
        #217DED
    );
}

// SCSS variable
$carrot-orange: #ED9121;

// With RGB channels (useful for rgba() usage)
$carrot-orange-r: 237;
$carrot-orange-g: 145;
$carrot-orange-b: 33;

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