← Back to Editor

#F9ECCA · #FFD3B2 · #FFADA5 · #83243C · #B3223F

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

#F9ECCA

Goose Yellow · Bisque · Lemon Cream

HEX
#F9ECCA
RGB
rgb(249, 236, 202)
HSL
hsl(43, 80%, 88%)
HSB
hsb(43, 19%, 98%)
CMYK
cmyk(0%, 5%, 19%, 2%)
Oklch
oklch(94.5% 0.047 89.6)

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

#FFD3B2

Apricot · Wheat · Peach Orange

HEX
#FFD3B2
RGB
rgb(255, 211, 178)
HSL
hsl(26, 100%, 85%)
HSB
hsb(26, 30%, 100%)
CMYK
cmyk(0%, 17%, 30%, 0%)
Oklch
oklch(89.6% 0.066 58.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFADA5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFADA5
RGB
rgb(255, 173, 165)
HSL
hsl(5, 100%, 82%)
HSB
hsb(5, 35%, 100%)
CMYK
cmyk(0%, 32%, 35%, 0%)
Oklch
oklch(82.5% 0.098 25.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#83243C

Crimson · Brown · Wine Red

HEX
#83243C
RGB
rgb(131, 36, 60)
HSL
hsl(345, 57%, 33%)
HSB
hsb(345, 73%, 51%)
CMYK
cmyk(0%, 73%, 54%, 49%)
Oklch
oklch(41.7% 0.130 9.9)

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

#B3223F

Vermilion · Brown · Passion Red

HEX
#B3223F
RGB
rgb(179, 34, 63)
HSL
hsl(348, 68%, 42%)
HSB
hsb(348, 81%, 70%)
CMYK
cmyk(0%, 81%, 65%, 30%)
Oklch
oklch(50.3% 0.179 16.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9ECCA
C8D6F9

Analogous

F9D3C8
F9ECCA
EEF9C8

Triadic

F9ECCA
C8F9EB
EBC8F9

Split-Comp.

F9ECCA
C8EEF9
D3C8F9

Tetradic

F9ECCA
C8F9D3
C8D6F9
F9C8EE

Contrast Matrix WCAG 2.1 Contrast

F9ECCA
FFD3B2
FFADA5
83243C
B3223F
—
1.2
Fail
1.5
Fail
7.8
AAA
5.6
AA
1.2
Fail
—
1.3
Fail
6.7
AA
4.7
AA
1.5
Fail
1.3
Fail
—
5.2
AA
3.7
AA Large
7.8
AAA
6.7
AA
5.2
AA
—
1.4
Fail
5.6
AA
4.7
AA
3.7
AA Large
1.4
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
9.2AAA
6.5AA
Black BG
17.9AAA
15.2AAA
11.8AAA
2.3Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3D2
ECECBA
DBDBA7
5A5936
747338

Deuteranopia

F4F5D4
EFF2BC
E0E6A7
5F6635
7D8836

Tritanopia

F8D9DA
FDC0C2
FBA8A9
7E3231
AC3231

Achromatopsia

ECECEC
DCDCDC
C5C5C5
434343
515151

Shades & Tints Shades & Tints

#F9ECCA

Dark
Light

#FFD3B2

Dark
Light

#FFADA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9ecca;
  --color-2: #ffd3b2;
  --color-3: #ffada5;
  --color-4: #83243c;
  --color-5: #b3223f;
}

SCSS

$color-1: #f9ecca;
$color-2: #ffd3b2;
$color-3: #ffada5;
$color-4: #83243c;
$color-5: #b3223f;

TAILWIND

colors: {
  'brand-1': '#f9ecca',
  'brand-2': '#ffd3b2',
  'brand-3': '#ffada5',
  'brand-4': '#83243c',
  'brand-5': '#b3223f',
}

RGB Array

[249, 236, 202], [255, 211, 178], [255, 173, 165], [131, 36, 60], [179, 34, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9ECCA, #FFD3B2, #FFADA5, #83243C, #B3223F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #f9ecca; --color-2: #ffd3b2; --color-3: #ffada5; --color-4: #83243c; --color-5: #b3223f. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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