Apricot

HEX: #FBCEB1 | Modern Palette

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

Color Specifications

HEX
#FBCEB1
RGB
251, 206, 177
HSL
23°, 90% ,83%
CMYK
0, 18, 29, 2

About Apricot

Apricot (#FBCEB1) is a color with RGB(251, 206, 177) and HSL(23.5°, 90.2%, 83.9%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #B1DEFB, which creates strong contrast. Its triadic palette includes #B1FBCE and #CEB1FB. The name comes from praecocia (Latin), al-birquq (Arabic), abricoc (Catalan), albaricoque (Spanish) (Latin (via Arabic and Catalan/Spanish)).

  • HEX: #FBCEB1
  • RGB: 251, 206, 177
  • HSL: 23.5°, 90.2%, 83.9%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #B1DEFB
  • Triadic colors: #B1FBCE, #CEB1FB
  • The name comes from praecocia (Latin), al-birquq (Arabic), abricoc (Catalan), albaricoque (Spanish) (Latin (via Arabic and Catalan/Spanish)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Apricot #FBCEB1 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
APRICOT
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
APRICOT
 
 
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

Apricot #FBCEB1 pairs with #B1DEFB as its complementary color, and #B1FBCE and #CEB1FB in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

APRICOT
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

APRICOT
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

APRICOT
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

APRICOT
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

APRICOT
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

APRICOT

Shades & Tints

The shade and tint range for Apricot #FBCEB1 moves from dark #180A01 tones through the base color to lighter #FEF0E7 tones, making it useful for depth, hierarchy, and background variation.

APRICOT

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #DCDCB0
Protanopia #D4D4B1
Tritanopia #FECBCB
Achromatopsia #D7D7D7

Frequently Asked Questions

Apricot (#FBCEB1) is a color with RGB(251, 206, 177) and HSL(23.5°, 90.2%, 83.9%).

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

#FBCEB1 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FBCEB1 is commonly associated with Playful.

The name Apricot is linked to praecocia (Latin), al-birquq (Arabic), abricoc (Catalan), albaricoque (Spanish) from Latin (via Arabic and Catalan/Spanish), meaning early-ripening (Latin), the apricot (Arabic).

Name, History & Etymology

Origin Word praecocia (Latin), al-birquq (Arabic), abricoc (Catalan), albaricoque (Spanish)
Meaning early-ripening (Latin), the apricot (Arabic)
Language Latin (via Arabic and Catalan/Spanish)
First Recorded Use 16th Century

History

The word 'apricot' has a fascinating etymology, tracing back to Latin 'praecocia' meaning 'early-ripening' (referring to a type of peach). This word was adopted into Byzantine Greek as 'prekokkion' and then into Arabic as 'al-birquq'. From Arabic, it entered Spanish and Catalan as 'albaricoque' and 'abricoc' respectively. English likely borrowed the word from either French ('abricot') or directly from Spanish/Catalan in the 16th century. The initial 'a' in English was often mistaken for the indefinite article 'a', leading to the dropping of the 'al-' prefix over time.

First Recorded Use

1530s (English)

Cultural Associations

Apricots are native to parts of Asia, particularly China, and have been cultivated for thousands of years. They were introduced to the Middle East and Europe via the Silk Road. In many cultures, apricots symbolize good fortune, fertility, and health. They are a popular fruit in Mediterranean, Middle Eastern, and Central Asian cuisines, used in both sweet and savory dishes, jams, and dried forms. The color 'apricot' (#fbceb1) evokes the soft, warm, yellowish-orange hue of the fruit.

Similar Named Colors
Desert Sand #EDC9AF ΔE 2.94
Deep Peach #FFCBA4 ΔE 3.06
Light Apricot #FDD5B1 ΔE 3.66
Peach Puff #FFDAB9 ΔE 4.12

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FBCEB1,
        #B1DEFB
    );
}

// SCSS variable
$apricot: #FBCEB1;

// With RGB channels (useful for rgba() usage)
$apricot-r: 251;
$apricot-g: 206;
$apricot-b: 177;

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