Orange color

Apricot #FBCEB1

#FBCEB1 · rgb(251, 206, 177)

Apricot is the color #FBCEB1. In RGB it is rgb(251, 206, 177) — 98% red, 81% green and 69% blue. Its CMYK breakdown is 0% cyan, 18% magenta, 29% yellow and 2% black, and in HSL it sits at 24° hue, 90% saturation and 84% lightness. Apricot is not a standard CSS color name; the nearest web color is Peach Puff (#FFDAB9). The closest web-safe color is #FFCC99.

Open in color picker Convert Make a palette Check contrast

Apricot color codes

Hex#FBCEB1

RGBrgb(251, 206, 177)

RGB %98%, 81%, 69%

HSLhsl(24, 90%, 84%)

HSV / HSBhsv(24, 29%, 98%)

CMYKcmyk(0%, 18%, 29%, 2%)

OKLCHoklch(88% 0.064 54)

Closest web-safe#FFCC99

Apricot color meaning

Apricot is a soft and airy orange — a warm color at 84% lightness and 90% saturation. Like other oranges, it is linked with warmth, enthusiasm and creativity. It feels friendly and playful, sitting between the energy of red and the cheer of yellow.

Because it is soft and airy, apricot works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.4:1), so use it for fills and backgrounds and put black text on top (14.6:1).

What colors go with Apricot?

Apricot pairs well with Light Blue, Light Pink, Lemon Chiffon and Charcoal: Light Blue sits close to its opposite on the color wheel for strong contrast, Light Pink and Lemon Chiffon are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around apricot in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Apricot at a glance

Color family	Orange · warm, soft and airy
CSS color name	No — nearest keyword is Peach Puff (#FFDAB9)
As text on white	1.44:1 — not readable as text
Best text on it	Black (14.57:1)
For print (CMYK)	0% cyan, 18% magenta, 29% yellow, 2% black
Full screen	Open the apricot screen — fill your display or download it in 4K

Contrast

Contrast ratio of Apricot against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.44:1 Black text — 14.57:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Apricot

Apricot color FAQ

What is the hex code for Apricot?

Apricot is #FBCEB1, which is rgb(251, 206, 177) and hsl(24, 90%, 84%). For print it is roughly C0 M18 Y29 K2.

What colors go with Apricot?

Apricot pairs well with Light Blue, Light Pink, Lemon Chiffon, Charcoal. Light Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Apricot a warm or cool color?

Apricot is a warm color: its hue is 24°, on the red, orange and yellow side of the color wheel.

What text color looks best on Apricot?

Black text, with a contrast ratio of 14.6:1, which meets WCAG AA for normal text.