← Back to Editor

#FDFDCB · #F4EFB5 · #FF9E8C · #E2287C · #2A213C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FDFDCB

Fresh Green · Beige · Lemon Cream

HEX
#FDFDCB
RGB
rgb(253, 253, 203)
HSL
hsl(60, 93%, 89%)
HSB
hsb(60, 20%, 99%)
CMYK
cmyk(0%, 0%, 20%, 1%)
Oklch
oklch(98.2% 0.064 107.5)

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

#F4EFB5

Fresh Green · Wheat · Lemon Cream

HEX
#F4EFB5
RGB
rgb(244, 239, 181)
HSL
hsl(55, 74%, 83%)
HSB
hsb(55, 26%, 96%)
CMYK
cmyk(0%, 2%, 26%, 4%)
Oklch
oklch(94.2% 0.075 103.6)

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

#FF9E8C

Peach Pink · LightSalmon · Coral Red

HEX
#FF9E8C
RGB
rgb(255, 158, 140)
HSL
hsl(9, 100%, 77%)
HSB
hsb(9, 45%, 100%)
CMYK
cmyk(0%, 38%, 45%, 0%)
Oklch
oklch(79.4% 0.120 31.2)

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

#E2287C

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E2287C
RGB
rgb(226, 40, 124)
HSL
hsl(333, 76%, 52%)
HSB
hsb(333, 82%, 89%)
CMYK
cmyk(0%, 82%, 45%, 11%)
Oklch
oklch(60.6% 0.224 0.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#2A213C

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#2A213C
RGB
rgb(42, 33, 60)
HSL
hsl(260, 29%, 18%)
HSB
hsb(260, 45%, 24%)
CMYK
cmyk(30%, 45%, 0%, 76%)
Oklch
oklch(27.2% 0.050 298.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFDCB
C9C9FD

Analogous

FDE3C9
FDFDCB
E3FDC9

Triadic

FDFDCB
C9FDFD
FDC9FD

Split-Comp.

FDFDCB
C9E3FD
E3C9FD

Tetradic

FDFDCB
C9FDE3
C9C9FD
FDC9E3

Contrast Matrix WCAG 2.1 Contrast

FDFDCB
F4EFB5
FF9E8C
E2287C
2A213C
—
1.1
Fail
1.9
Fail
4.2
AA Large
14.5
AAA
1.1
Fail
—
1.7
Fail
3.7
AA Large
12.9
AAA
1.9
Fail
1.7
Fail
—
2.2
Fail
7.6
AAA
4.2
AA Large
3.7
AA Large
2.2
Fail
—
3.5
AA Large
14.5
AAA
12.9
AAA
7.6
AAA
3.5
AA Large
—
White BG
1.0Fail
1.2Fail
2.0Fail
4.3AA Large
15.2AAA
Black BG
20.1AAA
17.9AAA
10.5AAA
4.8AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDD7
F2F2C3
D5D490
919068
262635

Deuteranopia

FDFDDA
F2F3C6
DBE291
9CAA63
272734

Tritanopia

FDE1E3
F4CED1
FA9495
D95854
2A302F

Achromatopsia

F7F7F7
EAEAEA
B9B9B9
696969
272727

Shades & Tints Shades & Tints

#FDFDCB

Dark
Light

#F4EFB5

Dark
Light

#FF9E8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfdcb;
  --color-2: #f4efb5;
  --color-3: #ff9e8c;
  --color-4: #e2287c;
  --color-5: #2a213c;
}

SCSS

$color-1: #fdfdcb;
$color-2: #f4efb5;
$color-3: #ff9e8c;
$color-4: #e2287c;
$color-5: #2a213c;

TAILWIND

colors: {
  'brand-1': '#fdfdcb',
  'brand-2': '#f4efb5',
  'brand-3': '#ff9e8c',
  'brand-4': '#e2287c',
  'brand-5': '#2a213c',
}

RGB Array

[253, 253, 203], [244, 239, 181], [255, 158, 140], [226, 40, 124], [42, 33, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFDCB, #F4EFB5, #FF9E8C, #E2287C, #2A213C 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: #fdfdcb; --color-2: #f4efb5; --color-3: #ff9e8c; --color-4: #e2287c; --color-5: #2a213c. 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