19 Different Shades of Apricot (+ HEX codes)

Explore all shades of apricot, from lighter to darker shades. See HEX codes, shade names, and apricot color palettes. Click any shade to copy its HEX code.

Apricot sits between peach and pale orange, warm enough to flatter skin tones without turning pink. It is a favourite in cosmetics, weddings and soft-focus branding.

It needs a darker anchor — a brown, a slate or a forest green — or a layout in apricot alone floats.

white
#ffffff
bridesmaid
#fef0e7
cinderella
#fce1cf
apricot peach
#fbd2b7
corvette
#fac39f
hit pink
#f9b587
rajah
#f7a66f
tan hide
#f69757
jaffa
#f5883f
tango
#f47927
christine
#f26a0f
tia maria
#c5550a
vesuvius
#ad4b09
oregon
#954008
peru tan
#7d3607
brown bramble
#652c05
bracken
#4d2104
dark ebony
#351703
kilamanjaro
#1d0d02

Apricot: HEX & RGB Codes

apricot has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of apricot shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of apricot

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of apricot

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

apricot in HEX, RGB, HSL and CMYK

HEX	#FBCEB1
RGB	rgb(251, 206, 177)
HSL	hsl(24, 90%, 84%)
CMYK	cmyk(0%, 18%, 29%, 2%)

Tints and shades of apricot

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#fbd5bb
#fcdbc5
#fce1cf
#fde7d8
#fdede2
#fef3ec

Shades (darker)

#f8a771
#f47f30
#d55c0b
#954008
#542404
#130801

Colours that work with apricot

Complementary

#FBCEB1 #b1defb

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#fbb1b9 #FBCEB1 #fbf4b1

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#FBCEB1 #b1fbcf #cfb1fb

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on apricot

Example Primary text

White text on apricot1.44:1Fail

Example Primary text

Near-black text on apricot12.30:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

apricot shade chart

Shade chart showing five steps of apricot, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.