← Back to Editor

#E92F30 · #E07843 · #270805 · #7F3D2D · #FAE7AD

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

#E92F30

Vermilion · Crimson · Passion Red

HEX
#E92F30
RGB
rgb(233, 47, 48)
HSL
hsl(360, 81%, 55%)
HSB
hsb(360, 80%, 91%)
CMYK
cmyk(0%, 80%, 79%, 9%)
Oklch
oklch(60.7% 0.220 26.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Soft Aurora

#E07843

Tangerine · Coral · Warm Sun

HEX
#E07843
RGB
rgb(224, 120, 67)
HSL
hsl(20, 72%, 57%)
HSB
hsb(20, 70%, 88%)
CMYK
cmyk(0%, 46%, 70%, 12%)
Oklch
oklch(68.1% 0.146 46.0)

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

#270805

Vermilion · Black · Deep Berry

HEX
#270805
RGB
rgb(39, 8, 5)
HSL
hsl(5, 77%, 9%)
HSB
hsb(5, 87%, 15%)
CMYK
cmyk(0%, 79%, 87%, 85%)
Oklch
oklch(18.9% 0.053 30.0)

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

#7F3D2D

Crimson · Sienna · Wine Red

HEX
#7F3D2D
RGB
rgb(127, 61, 45)
HSL
hsl(12, 48%, 34%)
HSB
hsb(12, 65%, 50%)
CMYK
cmyk(0%, 52%, 65%, 50%)
Oklch
oklch(44.2% 0.095 34.8)

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

#FAE7AD

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE7AD
RGB
rgb(250, 231, 173)
HSL
hsl(45, 89%, 83%)
HSB
hsb(45, 31%, 98%)
CMYK
cmyk(0%, 8%, 31%, 2%)
Oklch
oklch(93.0% 0.077 92.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E92F30
2FE9E9

Analogous

E92F8C
E92F30
E98C2F

Triadic

E92F30
2FE92F
2F2FE9

Split-Comp.

E92F30
2FE98C
2F8CE9

Tetradic

E92F30
8CE92F
2FE9E9
8C2FE9

Contrast Matrix WCAG 2.1 Contrast

E92F30
E07843
270805
7F3D2D
FAE7AD
—
1.4
Fail
4.4
AA Large
1.9
Fail
3.5
AA Large
1.4
Fail
—
6.2
AA
2.7
Fail
2.5
Fail
4.4
AA Large
6.2
AA
—
2.3
Fail
15.2
AAA
1.9
Fail
2.7
Fail
2.3
Fail
—
6.6
AA
3.5
AA Large
2.5
Fail
15.2
AAA
6.6
AA
—
White BG
4.3AA Large
3.0AA Large
18.7AAA
8.1AAA
1.2Fail
Black BG
4.9AA
6.9AA
1.1Fail
2.6Fail
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

989730
B3B250
1A1906
626231
F2F2BB

Deuteranopia

A3B130
B9C153
1B1E06
666B32
F3F4BE

Tritanopia

E03030
DB5A5C
250606
7C3435
F9C6C9

Achromatopsia

676767
919191
111111
4F4F4F
E6E6E6

Shades & Tints Shades & Tints

#E92F30

Dark
Light

#E07843

Dark
Light

#270805

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e92f30;
  --color-2: #e07843;
  --color-3: #270805;
  --color-4: #7f3d2d;
  --color-5: #fae7ad;
}

SCSS

$color-1: #e92f30;
$color-2: #e07843;
$color-3: #270805;
$color-4: #7f3d2d;
$color-5: #fae7ad;

TAILWIND

colors: {
  'brand-1': '#e92f30',
  'brand-2': '#e07843',
  'brand-3': '#270805',
  'brand-4': '#7f3d2d',
  'brand-5': '#fae7ad',
}

RGB Array

[233, 47, 48], [224, 120, 67], [39, 8, 5], [127, 61, 45], [250, 231, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E92F30, #E07843, #270805, #7F3D2D, #FAE7AD 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: #e92f30; --color-2: #e07843; --color-3: #270805; --color-4: #7f3d2d; --color-5: #fae7ad. 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