Apricot

#FFB27F

What color is Apricot?

Apricot is a soft, warm orange with a peachy tone, hex #FFB27F, lighter and less saturated than a standard orange. It has the gentle, sun-warmed look of ripe apricot fruit, with enough yellow in it to feel bright without being intense.

What is the meaning of the color Apricot?

The English color name apricot traces to the fruit, first recorded as a color term in 1851 according to the Oxford English Dictionary. The fruit itself arrived in England through trade routes from Central Asia via the Arab world, and the warm, peachy tone of its flesh gave the name its visual anchor. By the early twentieth century, apricot appeared as a fashionable shade in textile and wallpaper design, favored in Edwardian interiors for its softness. Pantone has carried Apricot as a named swatch in its Fashion, Home and Interiors color system, giving the shade a standardized reference used across the apparel and interior design industries.

RGB
255, 178, 127
HSL
24°, 100%, 75%
CMYK
0, 30, 50, 0
HSV
24°, 50%, 100%
Apricot color

What colors go with Apricot?

Colors that pair well with Apricot include:
Cream: soft, warm harmony
Sage Green: fresh, natural contrast
Dusty Rose: gentle tonal blend
Deep Teal: bold complementary depth
Warm Brown: grounded, earthy balance

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFB27F color: #FFB27F;
RGB 255, 178, 127 color: rgb(255, 178, 127);
RGB Percentage 100%, 70%, 50% color: rgb(100%, 70%, 50%);
CMYK 0%, 30%, 50%, 0% Not supported in CSS
HSL 24°, 100%, 75% color: hsl(24, 100%, 75%);
HSV 24°, 50%, 100% Not supported in CSS
CIE-LAB 60, 15, 17 color: lab(60% 15 17);
Decimal 16757375 Not supported in CSS

Color Variations

Shades

#FFB380
#FF9C59
#FF8533
#FF6E0D
#E65C00
#BF4D00
#993D00
#732E00

Tints

#FFE8D9
#FFE0CC
#FFD9BF
#FFD1B3
#FFC9A6
#FFC299
#FFBA8C
#FFB380

Tones

#FFB380
#F9B486
#F2B58C
#ECB693
#E6B899
#DFB99F
#D9BAA6
#D2BBAC

Hues

#FFB380
#ECFF80
#8CFF80
#80FFD2
#80CCFF
#9380FF
#F280FF
#FF80AC

Color Harmonies

Analogous

#FF808C
Click to copy
#FFB27F
Click to copy
#FFF280
Click to copy

Complementary

#FFB27F
Click to copy
#80CCFF
Click to copy

Split Complementary

#FFB27F
Click to copy
#80FFF2
Click to copy
95%
#808CFF
Click to copy

Triadic

#FFB27F
Click to copy
#80FFB3
Click to copy
#B380FF
Click to copy

Tetradic

#FFB27F
Click to copy
#8CFF80
Click to copy
#80CCFF
Click to copy
#F280FF
Click to copy

Square

#FFB27F
Click to copy
#8CFF80
Click to copy
#80CCFF
Click to copy
#F280FF
Click to copy

CSS & Dev Snippets

CSS
.apricot {
  color: #FFB27F;
}
SCSS
$apricot: #FFB27F;
RGB
rgb(255, 178, 127)

Accessibility & Contrast

White background

1.76:1
1.76
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.93:1
11.93
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags