Apricot is a light, vivid shade in the orange color family, with a warm feel. Its HEX code is #FBCEB1, which equals rgb(251, 206, 177) in RGB and hsl(24, 90%, 84%) in HSL. In print terms it converts to roughly C0 M18 Y29 K2, although exact CMYK results depend on the paper and color profile.
- HEX
#FBCEB1 - RGB
251, 206, 177 - HSL
24°, 90%, 84% - CMYK
0, 18, 29, 2 - Family
Orange - Tone
Light, vivid
About Apricot
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 14.57:1. Its complementary color is #B1DEFB.
Download Apricot as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Apricot color codes
| HEX | #FBCEB1 |
|---|---|
| RGB | rgb(251, 206, 177) |
| HSL | hsl(24, 90%, 84%) |
| HSV | 24°, 29%, 98% |
| CMYK | 0%, 18%, 29%, 2% |
| Decimal | 16502449 |
Shades and tints of Apricot
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FEF7F2 - 100
#FEEFE5 - 200
#FDE7D8 - 300
#FCDECB - 400
#FCD6BE - 500
#FBCEB1 - 600
#D1AC94 - 700
#A78976 - 800
#7E6759 - 900
#54453B - 950
#2A221E
Color harmonies for Apricot
- Complementary
#B1DEFB≈ Very Pale Bright Capri - Analogous −30°
#FBB1B9≈ Very Pale Bright Crimson - Analogous +30°
#FBF4B1≈ Very Pale Bright Yellow - Triadic +120°
#B1FBCF≈ Very Pale Bright Mint - Triadic +240°
#CFB1FB≈ Very Pale Bright Violet - Split 150°
#B1FBF4≈ Very Pale Bright Cyan - Split 210°
#B1B9FB≈ Very Pale Bright Cobalt
Contrast and accessibility of Apricot
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Apricot | Aa | 1.44:1 | Fails |
| Black text on Apricot | Aa | 14.57:1 | AAA (excellent) |
CSS code for Apricot
background-color: #FBCEB1;color: #FBCEB1;background-color: rgb(251, 206, 177);background-color: hsl(24, 90%, 84%);:root { --color-apricot: #FBCEB1; }class="bg-[#FBCEB1]"Colors similar to Apricot
- Very Pale Bright Orange
#F6D1AC - Very Pale Bright Persimmon
#F6CAAC - Very Pale Orange
#FFD1A3 - Very Pale Bright Tangerine
#F6D8AC - Very Pale Persimmon
#FFC8A3 - Very Pale Soft Persimmon
#EDCCB6 - Very Pale Soft Orange
#EDD1B6 - Very Pale Bright Cinnabar
#F6C2AC - Peach Puff
#FFDAB9 - Very Pale Soft Cinnabar
#EDC6B6 - Very Pale Soft Tangerine
#EDD7B6 - Very Pale Tangerine
#FFDAA3
More orange shades
- Champagne
#F7E7CE - Bronze
#CD7F32 - Copper
#B87333 - Marigold
#EAA221 - Tangerine
#F28500 - Pumpkin
#FF7518 - Peach
#FFE5B4 - Pure Cinnabar
#FF4D00 - Medium Light Cinnabar
#FF6929 - Light Cinnabar
#FF8652 - Pale Cinnabar
#FFA27A
Frequently asked questions
What is the HEX code for Apricot?
The HEX code for Apricot is #FBCEB1.
What is the RGB value of Apricot?
Apricot has an RGB value of 251, 206, 177 (rgb(251, 206, 177)). In HSL it is 24°, 90%, 84%.
What text color should I use on Apricot?
Use black text on Apricot. White text has a contrast ratio of 1.44:1 and black text has 14.57:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Apricot?
The complementary color of Apricot is #B1DEFB. Analogous colors #FBB1B9 and #FBF4B1 also pair well.