← Back to Editor

#4A1F2B · #F85C45 · #F67F3A · #F8E5BE · #ECD5B1

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

#4A1F2B

Dark Violet · DarkSlateGray · Raspberry

HEX
#4A1F2B
RGB
rgb(74, 31, 43)
HSL
hsl(343, 41%, 21%)
HSB
hsb(343, 58%, 29%)
CMYK
cmyk(0%, 58%, 42%, 71%)
Oklch
oklch(30.5% 0.067 4.2)

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

#F85C45

Peach Pink · Tomato · Coral Red

HEX
#F85C45
RGB
rgb(248, 92, 69)
HSL
hsl(8, 93%, 62%)
HSB
hsb(8, 72%, 97%)
CMYK
cmyk(0%, 63%, 72%, 3%)
Oklch
oklch(67.7% 0.195 31.0)

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

#F67F3A

Tangerine · Coral · Warm Sun

HEX
#F67F3A
RGB
rgb(246, 127, 58)
HSL
hsl(22, 91%, 60%)
HSB
hsb(22, 76%, 96%)
CMYK
cmyk(0%, 48%, 76%, 4%)
Oklch
oklch(72.1% 0.166 47.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F8E5BE

Goose Yellow · Bisque · Lemon Cream

HEX
#F8E5BE
RGB
rgb(248, 229, 190)
HSL
hsl(40, 81%, 86%)
HSB
hsb(40, 23%, 97%)
CMYK
cmyk(0%, 8%, 23%, 3%)
Oklch
oklch(92.7% 0.055 85.1)

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

#ECD5B1

Goose Yellow · Wheat · Peach Orange

HEX
#ECD5B1
RGB
rgb(236, 213, 177)
HSL
hsl(37, 61%, 81%)
HSB
hsb(37, 25%, 93%)
CMYK
cmyk(0%, 10%, 25%, 7%)
Oklch
oklch(88.3% 0.054 79.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A1F2B
204C3F

Analogous

4C2042
4A1F2B
4C2920

Triadic

4A1F2B
2C4C20
202C4C

Split-Comp.

4A1F2B
204C29
20424C

Tetradic

4A1F2B
424C20
204C3F
29204C

Contrast Matrix WCAG 2.1 Contrast

4A1F2B
F85C45
F67F3A
F8E5BE
ECD5B1
—
4.3
AA Large
5.3
AA
11.1
AAA
9.7
AAA
4.3
AA Large
—
1.2
Fail
2.6
Fail
2.2
Fail
5.3
AA
1.2
Fail
—
2.1
Fail
1.8
Fail
11.1
AAA
2.6
Fail
2.1
Fail
—
1.2
Fail
9.7
AAA
2.2
Fail
1.8
Fail
1.2
Fail
—
White BG
13.8AAA
3.2AA Large
2.6Fail
1.2Fail
1.4Fail
Black BG
1.5Fail
6.6AA
8.0AAA
16.9AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

373728
B4B34B
C2C14B
F0F0C7
E2E2BA

Deuteranopia

3A3D27
BEC94C
C9D24F
F1F2CA
E3E5BC

Tritanopia

482625
F04F50
F0585B
F7CFD1
EBC1C2

Achromatopsia

2D2D2D
888888
9B9B9B
E6E6E6
D8D8D8

Shades & Tints Shades & Tints

#4A1F2B

Dark
Light

#F85C45

Dark
Light

#F67F3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a1f2b;
  --color-2: #f85c45;
  --color-3: #f67f3a;
  --color-4: #f8e5be;
  --color-5: #ecd5b1;
}

SCSS

$color-1: #4a1f2b;
$color-2: #f85c45;
$color-3: #f67f3a;
$color-4: #f8e5be;
$color-5: #ecd5b1;

TAILWIND

colors: {
  'brand-1': '#4a1f2b',
  'brand-2': '#f85c45',
  'brand-3': '#f67f3a',
  'brand-4': '#f8e5be',
  'brand-5': '#ecd5b1',
}

RGB Array

[74, 31, 43], [248, 92, 69], [246, 127, 58], [248, 229, 190], [236, 213, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A1F2B, #F85C45, #F67F3A, #F8E5BE, #ECD5B1 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: #4a1f2b; --color-2: #f85c45; --color-3: #f67f3a; --color-4: #f8e5be; --color-5: #ecd5b1. 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