← Back to Editor

#FBEECE · #F0DA60 · #F38264 · #976662 · #644832

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FBEECE

Goose Yellow · Bisque · Lemon Cream

HEX
#FBEECE
RGB
rgb(251, 238, 206)
HSL
hsl(43, 85%, 90%)
HSB
hsb(43, 18%, 98%)
CMYK
cmyk(0%, 5%, 18%, 2%)
Oklch
oklch(95.1% 0.044 88.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0DA60

Fresh Green · Khaki · Sunflower

HEX
#F0DA60
RGB
rgb(240, 218, 96)
HSL
hsl(51, 83%, 66%)
HSB
hsb(51, 60%, 94%)
CMYK
cmyk(0%, 9%, 60%, 6%)
Oklch
oklch(88.4% 0.143 99.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F38264

Peach Pink · Salmon · Coral Red

HEX
#F38264
RGB
rgb(243, 130, 100)
HSL
hsl(13, 86%, 67%)
HSB
hsb(13, 59%, 95%)
CMYK
cmyk(0%, 47%, 59%, 5%)
Oklch
oklch(72.6% 0.145 35.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#976662

Crimson · Gray · Passion Red

HEX
#976662
RGB
rgb(151, 102, 98)
HSL
hsl(5, 21%, 49%)
HSB
hsb(5, 35%, 59%)
CMYK
cmyk(0%, 32%, 35%, 41%)
Oklch
oklch(56.1% 0.064 24.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#644832

Tangerine · DarkOliveGreen · Amber Brown

HEX
#644832
RGB
rgb(100, 72, 50)
HSL
hsl(26, 33%, 29%)
HSB
hsb(26, 50%, 39%)
CMYK
cmyk(0%, 28%, 50%, 61%)
Oklch
oklch(42.6% 0.051 59.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBEECE
D0DCFB

Analogous

FBD9D0
FBEECE
F2FBD0

Triadic

FBEECE
D0FBEF
EFD0FB

Split-Comp.

FBEECE
D0F2FB
D9D0FB

Tetradic

FBEECE
D0FBD9
D0DCFB
FBD0F2

Contrast Matrix WCAG 2.1 Contrast

FBEECE
F0DA60
F38264
976662
644832
—
1.2
Fail
2.2
Fail
4.1
AA Large
7.2
AAA
1.2
Fail
—
1.8
Fail
3.4
AA Large
5.9
AA
2.2
Fail
1.8
Fail
—
1.9
Fail
3.3
AA Large
4.1
AA Large
3.4
AA Large
1.9
Fail
—
1.7
Fail
7.2
AAA
5.9
AA
3.3
AA Large
1.7
Fail
—
White BG
1.2Fail
1.4Fail
2.6Fail
4.8AA
8.4AAA
Black BG
18.2AAA
14.9AAA
8.2AAA
4.4AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5D6
E6E67E
C2C16B
828163
585837

Deuteranopia

F6F7D8
E8E985
C9D16D
858863
5A5C39

Tritanopia

FADCDD
EF959A
ED7172
956464
633C3C

Achromatopsia

EEEEEE
D3D3D3
A0A0A0
747474
4E4E4E

Shades & Tints Shades & Tints

#FBEECE

Dark
Light

#F0DA60

Dark
Light

#F38264

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbeece;
  --color-2: #f0da60;
  --color-3: #f38264;
  --color-4: #976662;
  --color-5: #644832;
}

SCSS

$color-1: #fbeece;
$color-2: #f0da60;
$color-3: #f38264;
$color-4: #976662;
$color-5: #644832;

TAILWIND

colors: {
  'brand-1': '#fbeece',
  'brand-2': '#f0da60',
  'brand-3': '#f38264',
  'brand-4': '#976662',
  'brand-5': '#644832',
}

RGB Array

[251, 238, 206], [240, 218, 96], [243, 130, 100], [151, 102, 98], [100, 72, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBEECE, #F0DA60, #F38264, #976662, #644832 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fbeece; --color-2: #f0da60; --color-3: #f38264; --color-4: #976662; --color-5: #644832. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color