#FBCEB1
Orange family

Apricot

Also known as: soft · warm · delicate · inviting · fruity
Save
Hex #FBCEB1
RGB rgb(251, 206, 177)
HSL hsl(24°, 90%, 84%)
CMYK 0 · 18 · 29 · 2

Meaning

In Western cultures, apricot symbolizes warmth, positivity, and comfort, often seen in designs that aim to create inviting atmospheres. In contrast, in some Asian cultures, it can represent the fleeting nature of beauty and life, tied to the transient bloom of flowers.

The term 'apricot' comes from the Latin 'praecoquum', meaning 'early ripening', reflecting its seasonal significance. This color became popular in the 18th century, particularly in fashion, as it was embraced by figures like Marie Antoinette, who favored soft, pastel shades.

softwarmdelicateinvitingfruity

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Apricot. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Apricot by lightness — from #836B5C (darkest) to #FDE6D6 (lightest). Click any to copy.

-40% #836B5C
-30% #A18471
-20% #BF9D87
-10% #DDB59C
BASE #FBCEB1
+15% #FBD4BA
+30% #FCDAC4
+50% #FCE0CD
+70% #FDE6D6

Complementary

Sitting opposite Apricot at 204° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Apricot.

#FBCEB1
#6DAA8B
#FFFFFF
#F2B705
#EAB8A1

Fresh Orchard

Natural Harmony
#FBCEB1
#F76B6A
#888888
#FFD700
#FFC107

Sunset Glow

Warm Embrace
#FBCEB1
#FFABAB
#F5F5F5
#FFC3A0
#FF677D

Peachy Dreams

Playful Serenity

Apricot scale

A 50–900 tonal scale with Apricot anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFBF9
100 #FEF6F1
200 #FDECE1
300 #FDE3D2
400 #FCD8C1
500 #FBCEB1
600 #CEA991
700 #A68875
800 #7E6759
900 #55463C

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 14.57:1
Apricot as text on… Ratio AA AAA
Aa White background 1.44:1 Fail Fail
Aa Black background 14.57:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FBCEB1

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FBCEB1;
CSS color-mix (lighten 30%) color-mix(in srgb, #FBCEB1 70%, white)
HSV / HSB 24°, 29%, 98%
CMYK (print) 0, 18, 29, 2
Decimal 16502449
Nearest web-safe #FFCC99

Color vision

How Apricot appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FBCEB1

Protanopia (no red)

#E8E7B8

Deuteranopia (no green)

#EAEEBA

Tritanopia (no blue)

#F9BEBF
Tangerine
4 / 27 Oranges Peach
Copied!