← Back to Editor

#F19C7D · #DB2B36 · #391B23 · #A8CA98 · #FDF1B7

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

#F19C7D

Apricot · DarkSalmon · Warm Sun

HEX
#F19C7D
RGB
rgb(241, 156, 125)
HSL
hsl(16, 81%, 72%)
HSB
hsb(16, 48%, 95%)
CMYK
cmyk(0%, 35%, 48%, 5%)
Oklch
oklch(77.1% 0.111 40.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DB2B36

Vermilion · Crimson · Passion Red

HEX
#DB2B36
RGB
rgb(219, 43, 54)
HSL
hsl(356, 71%, 51%)
HSB
hsb(356, 80%, 86%)
CMYK
cmyk(0%, 80%, 75%, 14%)
Oklch
oklch(58.0% 0.210 24.1)

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

#391B23

Dark Violet · DarkSlateGray · Raspberry

HEX
#391B23
RGB
rgb(57, 27, 35)
HSL
hsl(344, 36%, 16%)
HSB
hsb(344, 53%, 22%)
CMYK
cmyk(0%, 53%, 39%, 78%)
Oklch
oklch(26.7% 0.048 3.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#A8CA98

Celadon · DarkSeaGreen · Apple Green

HEX
#A8CA98
RGB
rgb(168, 202, 152)
HSL
hsl(101, 32%, 69%)
HSB
hsb(101, 25%, 79%)
CMYK
cmyk(17%, 0%, 25%, 21%)
Oklch
oklch(80.1% 0.078 135.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FDF1B7

Fresh Green · Bisque · Lemon Cream

HEX
#FDF1B7
RGB
rgb(253, 241, 183)
HSL
hsl(50, 95%, 85%)
HSB
hsb(50, 28%, 99%)
CMYK
cmyk(0%, 5%, 28%, 1%)
Oklch
oklch(95.4% 0.075 97.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F19C7D
7ED3F1

Analogous

F17E99
F19C7D
F1D67E

Triadic

F19C7D
7EF19D
9D7EF1

Split-Comp.

F19C7D
7EF1D6
7E99F1

Tetradic

F19C7D
99F17E
7ED3F1
D67EF1

Contrast Matrix WCAG 2.1 Contrast

F19C7D
DB2B36
391B23
A8CA98
FDF1B7
—
2.2
Fail
7.2
AAA
1.2
Fail
1.9
Fail
2.2
Fail
—
3.3
AA Large
2.6
Fail
4.2
AA Large
7.2
AAA
3.3
AA Large
—
8.5
AAA
13.6
AAA
1.2
Fail
2.6
Fail
8.5
AAA
—
1.6
Fail
1.9
Fail
4.2
AA Large
13.6
AAA
1.6
Fail
—
White BG
2.1Fail
4.8AA
15.5AAA
1.8Fail
1.1Fail
Black BG
9.8AAA
4.4AA Large
1.4Fail
11.6AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB85
8F8D33
2C2C21
B7B7A4
F8F8C5

Deuteranopia

D1D886
99A633
2E3021
B5B2A7
F9F9C8

Tritanopia

ED8A8C
D23131
38201F
AAAEB0
FCD0D3

Achromatopsia

B2B2B2
616161
252525
BABABA
EEEEEE

Shades & Tints Shades & Tints

#F19C7D

Dark
Light

#DB2B36

Dark
Light

#391B23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f19c7d;
  --color-2: #db2b36;
  --color-3: #391b23;
  --color-4: #a8ca98;
  --color-5: #fdf1b7;
}

SCSS

$color-1: #f19c7d;
$color-2: #db2b36;
$color-3: #391b23;
$color-4: #a8ca98;
$color-5: #fdf1b7;

TAILWIND

colors: {
  'brand-1': '#f19c7d',
  'brand-2': '#db2b36',
  'brand-3': '#391b23',
  'brand-4': '#a8ca98',
  'brand-5': '#fdf1b7',
}

RGB Array

[241, 156, 125], [219, 43, 54], [57, 27, 35], [168, 202, 152], [253, 241, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F19C7D, #DB2B36, #391B23, #A8CA98, #FDF1B7 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: #f19c7d; --color-2: #db2b36; --color-3: #391b23; --color-4: #a8ca98; --color-5: #fdf1b7. 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