Skip to the color picker

Apricot color: #fbceb1

Apricot is #fbceb1, rgb(251, 206, 177) in RGB and oklch(88.307% 0.06411 54.495) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

24°
100%

88.3%
0.064
54°
  • Beige
  • Very light
  • Soft
  • Pastel
  • Warm
  • orange-200
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.44:1Hard to read
Lc -24
Black text
14.57:1Readable · AA
Lc 83

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Apricot

Similar named colors

Questions about Apricot

What is the hex code for Apricot?

The hex code for Apricot is #fbceb1. In RGB it is rgb(251, 206, 177), in HSL hsl(23.51, 90.24%, 83.92%) and in OKLCH oklch(88.307% 0.06411 54.495).

What colors go well with Apricot?

Its complementary color is #b0e0fd. For a calmer look, pair it with the analogous colors #ffc9c4 and #ecd6a9. Ready palettes with Apricot are shown on this page.

Is Apricot a warm or cool color?

Apricot is a warm color with an OKLCH hue of 54 degrees.

What text color is readable on Apricot?

Black text is more readable on Apricot: white gives a contrast ratio of 1.44:1 and black gives 14.57:1. WCAG AA asks for at least 4.5:1 for body text.

About #fbceb1

#fbceb1 is a pastel very light beige color. In OKLCH it has 88.3% lightness, 0.064 chroma and a hue of 54°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.44:1 contrast and black text 14.57:1, so black text reads better.

The closest named color is Lips of Apricot (#fbceb1). In Tailwind CSS the closest color is orange-200.

More very light beige colors

Lighter: #fbceb1 mixed with white

  1. fbceb1

Darker: #fbceb1 mixed with black

  1. fbceb1

Calmer: #fbceb1 with less saturation

  1. fbceb1

Similar named colors

  • Lips of Apricot#fbceb1

Colors that go with #fbceb1

Complementary
#fbceb1
Analogous
#fbceb1
Triadic
#fbceb1
Split
#fbceb1