Apricot color: code #FBCEB1

Apricot

#FBCEB1

Color codes

  • HEX#FBCEB1
  • RGBrgb(251, 206, 177)
  • HSLhsl(24, 90%, 84%)
  • HSVhsv(24, 29%, 98%)
  • CMYKcmyk(0%, 18%, 29%, 2%)
  • LABlab(85.9% 11.8 20.4)
  • OKLCHoklch(88.3% 0.064 54.5)

About the color Apricot

Apricot has the HEX code #FBCEB1, which corresponds to rgb(251, 206, 177) in the RGB model. On the color wheel its hue sits at 24°, with 90% saturation and 84% lightness (hsl(24, 90%, 84%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 14.56:1 contrast ratio on it, versus 1.44:1 for white.

For print, the approximate conversion is cmyk(0%, 18%, 29%, 2%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Apricot

Complementary

#FBCEB1 · #B1DEFB

Analogous

#FBB1B9 · #FBCEB1 · #FBF4B1

Triadic

#FBCEB1 · #B1FBCF · #CFB1FB

Tetradic

#FBCEB1 · #B9FBB1 · #B1DEFB · #F4B1FB

Split-complementary

#FBCEB1 · #B1FBF4 · #B1B9FB

Monochromatic

#F58438 · #F8B181 · #FBCEB1 · #FFFCFA · #FFFFFF

Apricot with white and black text

White text Aa Bb Cc 123
1.44:1 · fails WCAG
Black text Aa Bb Cc 123
14.56:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-apricot: #FBCEB1;
  --color-apricot-rgb: 251, 206, 177;
}

.elemento {
  background-color: var(--color-apricot);
  color: #000000;
}