Pear

HEX: #D1E231 | Modern Palette

On White
1.44:1
FAIL
On Black
14.63:1
PASS

Color Specifications

HEX
#D1E231
RGB
209, 226, 49
HSL
65°, 75% ,53%
CMYK
8, 0, 78, 11

About Pear

Pear (#D1E231) is a color with RGB(209, 226, 49) and HSL(65.8°, 75.3%, 53.9%). It is commonly associated with Energetic moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #4231E2, which creates strong contrast. Its triadic palette includes #31D1E2 and #E231D1. The name comes from *pera (Proto-Germanic).

  • HEX: #D1E231
  • RGB: 209, 226, 49
  • HSL: 65.8°, 75.3%, 53.9%
  • Mood: Energetic
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #4231E2
  • Triadic colors: #31D1E2, #E231D1
  • The name comes from *pera (Proto-Germanic).

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

Color Characteristics

Mood
Energetic
Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #DDDD33
Protanopia #E0E031
Tritanopia #DFD5D5
Achromatopsia #D7D7D7

Frequently Asked Questions

Pear (#D1E231) is a color with RGB(209, 226, 49) and HSL(65.8°, 75.3%, 53.9%).

#D1E231 pairs strongly with #4231E2 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#D1E231 is commonly associated with Energetic.

The name Pear is linked to *pera from Proto-Germanic, meaning pear.

Name, History & Etymology

Origin Word *pera
Meaning pear
Language Proto-Germanic
First Recorded Use Late Old English / Early Middle English

History

The English word "pear" derives from Old English 'pere', which itself came from Vulgar Latin '*pira' (plural of 'pirum'). This Latin term is believed to have been borrowed from a pre-Indo-European Mediterranean substrate language. The Proto-Germanic form '*pera' indicates an early adoption into Germanic languages. The fruit has been cultivated for thousands of years, with evidence of its use dating back to ancient China and Greece. Its cultivation spread throughout Europe during the Roman Empire.

First Recorded Use

c. 1000-1200 AD

Cultural Associations

Pears are a significant fruit in many cultures. In Chinese culture, the pear (梨 lí) is a symbol of immortality and prosperity, but also separation due to its homophone 'lí' (离) meaning 'to separate'. Therefore, it's often considered bad luck to share a pear with a loved one. In Western art and literature, pears often symbolize fertility, abundance, and sometimes sensuality. They are a common subject in still-life paintings. Pears are also a traditional gift in some European cultures.

Similar Named Colors
Bitter Lemon #CAE00D ΔE 1.54
Peridot #E6E200 ΔE 5.30
June Bud #BDDA57 ΔE 5.92
Titanium Yellow #EEE600 ΔE 6.42

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #D1E231,
        #4231E2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #D1E231,
        #4231E2
    );
}

// SCSS variable
$pear: #D1E231;

// With RGB channels (useful for rgba() usage)
$pear-r: 209;
$pear-g: 226;
$pear-b: 49;

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