Soft Warm Pastel Peach-Orange
Category: Orange
Apricot (#FBCEB1) — Color Codes, Meaning & UI Palettes
Apricot (#FBCEB1) is a delicate, warm pastel yellowish-orange inspired by the velvety skin of the ripe apricot stone fruit. It represents gentle hospitality, youthful vitality, morning warmth, and comforting cheer.
Click to Copy HEX
Apricot
#FBCEB1
HEX
#FBCEB1
RGB
rgb(251, 206, 177)
HSL
hsl(24deg, 90%, 84%)
CMYK (Print)
cmyk(0%, 18%, 29%, 2%)
Apple Display P3
color(display-p3 0.984 0.808 0.694)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.44:1 (Fail)
Black Text (#000000)
14.56:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FEF3EC
100
#FDE7D8
200
#FBCFB1
300
#F8B181
400
#F58D47
500
#FBCEB1
600
#F7A168
700
#F37623
800
#C3540A
900
#823807
950
#492004
Color Harmonies & Palette Schemes
Complementary
#B1DEFB
Opposite 180° Contrast
Analogous -30°
#FBB1B9
Natural Harmony
Analogous +30°
#FBF4B1
Natural Harmony
Triadic +120°
#B1FBCF
120° Balanced Triad
Triadic +240°
#CFB1FB
120° Balanced Triad
Curated UI Design Pairings for Apricot
Welcoming background tint for nursery platforms, food and recipe blogs, skincare e-commerce, and friendly onboarding flows.
Rich Cocoa
#3E2723
Warm Legible Typography
Pure Vanilla
#FFFDF7
Cozy Recipe Background
Fresh Mint
#6EE7B7
Vibrant Kitchen Complement
Warm Terracotta
#C2410C
Savory Border Accent
Export Apricot Code Snippets
CSS Variable
--color-apricot-color: #FBCEB1;
Tailwind Config
'apricot-color': '#FBCEB1'
Swift / SwiftUI
Color(hex: "#FBCEB1")
JSON Design Token
{"name": "Apricot", "hex": "#FBCEB1"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.