← Back to Editor

#F4EED5 · #CB0303 · #E57F7F · #FFEB9F · #D61010

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

#F4EED5

Goose Yellow · Beige · Lemon Cream

HEX
#F4EED5
RGB
rgb(244, 238, 213)
HSL
hsl(48, 58%, 90%)
HSB
hsb(48, 13%, 96%)
CMYK
cmyk(0%, 2%, 13%, 4%)
Oklch
oklch(94.7% 0.034 95.9)

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

#CB0303

Vermilion · FireBrick · Wine Red

HEX
#CB0303
RGB
rgb(203, 3, 3)
HSL
hsl(0, 97%, 40%)
HSB
hsb(0, 99%, 80%)
CMYK
cmyk(0%, 99%, 99%, 20%)
Oklch
oklch(53.0% 0.216 29.1)

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

#E57F7F

Peach Pink · LightCoral · Coral Red

HEX
#E57F7F
RGB
rgb(229, 127, 127)
HSL
hsl(0, 66%, 70%)
HSB
hsb(0, 45%, 90%)
CMYK
cmyk(0%, 45%, 45%, 10%)
Oklch
oklch(70.9% 0.126 20.7)

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

#FFEB9F

Goose Yellow · Khaki · Lemon Cream

HEX
#FFEB9F
RGB
rgb(255, 235, 159)
HSL
hsl(47, 100%, 81%)
HSB
hsb(47, 38%, 100%)
CMYK
cmyk(0%, 8%, 38%, 0%)
Oklch
oklch(93.9% 0.097 95.1)

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

#D61010

Vermilion · FireBrick · Passion Red

HEX
#D61010
RGB
rgb(214, 16, 16)
HSL
hsl(0, 86%, 45%)
HSB
hsb(0, 93%, 84%)
CMYK
cmyk(0%, 93%, 93%, 16%)
Oklch
oklch(55.5% 0.221 28.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4EED5
D7DDF4

Analogous

F4E0D7
F4EED5
EBF4D7

Triadic

F4EED5
D7F4EE
EED7F4

Split-Comp.

F4EED5
D7EBF4
E0D7F4

Tetradic

F4EED5
D7F4E0
D7DDF4
F4D7EB

Contrast Matrix WCAG 2.1 Contrast

F4EED5
CB0303
E57F7F
FFEB9F
D61010
—
5.1
AA
2.4
Fail
1.0
Fail
4.6
AA
5.1
AA
—
2.2
Fail
5.0
AA
1.1
Fail
2.4
Fail
2.2
Fail
—
2.3
Fail
1.9
Fail
1.0
Fail
5.0
AA
2.3
Fail
—
4.5
AA Large
4.6
AA
1.1
Fail
1.9
Fail
4.5
AA Large
—
White BG
1.2Fail
5.9AA
2.7Fail
1.2Fail
5.3AA
Black BG
18.0AAA
3.6AA Large
7.7AAA
17.6AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1DB
747303
B9B87F
F6F6B1
807E10

Deuteranopia

F2F2DD
808F03
BFC67F
F8F9B6
8C9B10

Tritanopia

F4E0E1
C10303
E07F7F
FEC0C3
CC1010

Achromatopsia

EDEDED
3F3F3F
9D9D9D
E8E8E8
4B4B4B

Shades & Tints Shades & Tints

#F4EED5

Dark
Light

#CB0303

Dark
Light

#E57F7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4eed5;
  --color-2: #cb0303;
  --color-3: #e57f7f;
  --color-4: #ffeb9f;
  --color-5: #d61010;
}

SCSS

$color-1: #f4eed5;
$color-2: #cb0303;
$color-3: #e57f7f;
$color-4: #ffeb9f;
$color-5: #d61010;

TAILWIND

colors: {
  'brand-1': '#f4eed5',
  'brand-2': '#cb0303',
  'brand-3': '#e57f7f',
  'brand-4': '#ffeb9f',
  'brand-5': '#d61010',
}

RGB Array

[244, 238, 213], [203, 3, 3], [229, 127, 127], [255, 235, 159], [214, 16, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4EED5, #CB0303, #E57F7F, #FFEB9F, #D61010 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: #f4eed5; --color-2: #cb0303; --color-3: #e57f7f; --color-4: #ffeb9f; --color-5: #d61010. 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