What is color #fbceb1?
The color Apricot (#fbceb1) belongs to the orange family and reads as juicy. It sits at 24° on the color wheel with 90% saturation.
Designers in startups and e-commerce often reach for this light orange when they want to communicate optimism.
#fbceb1 holds a luminance that keeps type legible on both light and dark backgrounds. To deploy it effectively, pair it with a soft neutral to let it breathe or contrast it sharply with #b1defb.
Conversions for #fbceb1
HEX
#fbceb1
RGB
251, 206, 177
HSL
24°, 90%, 84%
HSV
24°, 29%, 98%
CMYK
0%, 18%, 29%, 2%
XYZ
69.79, 67.83, 51.01
CIE-Lab
85.92, 11.78, 20.39
Web safe
#ffcc99
WCAG accessibility of #fbceb1 (Apricot)
On white
1.44 : 1
Sample #fbceb1
Rating: Fail
On black
14.57 : 1
Sample #fbceb1
Rating: AAA
Tones of Apricot (desaturated variations of #fbceb1)
Color harmonies for #fbceb1
Colors similar to #fbceb1
Gradients featuring #fbceb1
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #fbceb1
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #fbceb1
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #fbceb1.
const color = "#fbceb1";
CSS & Tailwind snippets for #fbceb1
Background
.bg-fbceb1 { background-color: #fbceb1; }Text color
.text-fbceb1 { color: #fbceb1; }Border
.border-fbceb1 { border: 1px solid #fbceb1; }Box shadow
.shadow-fbceb1 { box-shadow: 0 4px 14px #fbceb140; }CSS variable
:root { --color-fbceb1: #fbceb1; }Tailwind config
colors: {
'apricot': '#fbceb1',
}