← Back to Editor

#F0DBBC · #E76D94 · #B4153E · #590212 · #707358

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

#F0DBBC

Goose Yellow · Wheat · Peach Orange

HEX
#F0DBBC
RGB
rgb(240, 219, 188)
HSL
hsl(36, 63%, 84%)
HSB
hsb(36, 22%, 94%)
CMYK
cmyk(0%, 9%, 22%, 6%)
Oklch
oklch(90.1% 0.047 77.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E76D94

Rouge · LightCoral · Rose Pink

HEX
#E76D94
RGB
rgb(231, 109, 148)
HSL
hsl(341, 72%, 67%)
HSB
hsb(341, 53%, 91%)
CMYK
cmyk(0%, 53%, 36%, 9%)
Oklch
oklch(69.0% 0.156 1.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B4153E

Vermilion · FireBrick · Wine Red

HEX
#B4153E
RGB
rgb(180, 21, 62)
HSL
hsl(345, 79%, 39%)
HSB
hsb(345, 88%, 71%)
CMYK
cmyk(0%, 88%, 66%, 29%)
Oklch
oklch(49.7% 0.188 15.1)

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

#590212

Vermilion · Maroon · Deep Berry

HEX
#590212
RGB
rgb(89, 2, 18)
HSL
hsl(349, 96%, 18%)
HSB
hsb(349, 98%, 35%)
CMYK
cmyk(0%, 98%, 80%, 65%)
Oklch
oklch(29.5% 0.116 20.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#707358

Autumn Sage · DimGray · Honey Gold

HEX
#707358
RGB
rgb(112, 115, 88)
HSL
hsl(67, 13%, 40%)
HSB
hsb(67, 23%, 45%)
CMYK
cmyk(3%, 0%, 23%, 55%)
Oklch
oklch(54.5% 0.040 112.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0DBBC
BCD1F0

Analogous

F0C2BC
F0DBBC
EBF0BC

Triadic

F0DBBC
BCF0DB
DBBCF0

Split-Comp.

F0DBBC
BCEBF0
C2BCF0

Tetradic

F0DBBC
BCF0C2
BCD1F0
F0BCEB

Contrast Matrix WCAG 2.1 Contrast

F0DBBC
E76D94
B4153E
590212
707358
—
2.2
Fail
5.0
AA
10.8
AAA
3.6
AA Large
2.2
Fail
—
2.2
Fail
4.9
AA
1.6
Fail
5.0
AA
2.2
Fail
—
2.2
Fail
1.4
Fail
10.8
AAA
4.9
AA
2.2
Fail
—
3.0
Fail
3.6
AA Large
1.6
Fail
1.4
Fail
3.0
Fail
—
White BG
1.3Fail
3.0Fail
6.7AA
14.6AAA
4.9AA
Black BG
15.6AAA
7.0AAA
3.1AA Large
1.4Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C4
B2B18B
6F6E34
33330E
71715F

Deuteranopia

E8EAC5
B9C288
788432
383F0D
717160

Tritanopia

EFC9CB
E18381
AC2C2B
550B0A
706465

Achromatopsia

DEDEDE
969696
494949
1E1E1E
6F6F6F

Shades & Tints Shades & Tints

#F0DBBC

Dark
Light

#E76D94

Dark
Light

#B4153E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0dbbc;
  --color-2: #e76d94;
  --color-3: #b4153e;
  --color-4: #590212;
  --color-5: #707358;
}

SCSS

$color-1: #f0dbbc;
$color-2: #e76d94;
$color-3: #b4153e;
$color-4: #590212;
$color-5: #707358;

TAILWIND

colors: {
  'brand-1': '#f0dbbc',
  'brand-2': '#e76d94',
  'brand-3': '#b4153e',
  'brand-4': '#590212',
  'brand-5': '#707358',
}

RGB Array

[240, 219, 188], [231, 109, 148], [180, 21, 62], [89, 2, 18], [112, 115, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0DBBC, #E76D94, #B4153E, #590212, #707358 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: #f0dbbc; --color-2: #e76d94; --color-3: #b4153e; --color-4: #590212; --color-5: #707358. 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