← Back to Editor

#E8382E · #FF6D22 · #DFCD51 · #DFD9CB · #61B8A7

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E8382E

Vermilion · Crimson · Passion Red

HEX
#E8382E
RGB
rgb(232, 56, 46)
HSL
hsl(3, 80%, 55%)
HSB
hsb(3, 80%, 91%)
CMYK
cmyk(0%, 76%, 80%, 9%)
Oklch
oklch(61.2% 0.213 28.5)

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

#FF6D22

Tangerine · Tomato · Warm Sun

HEX
#FF6D22
RGB
rgb(255, 109, 34)
HSL
hsl(20, 100%, 57%)
HSB
hsb(20, 87%, 100%)
CMYK
cmyk(0%, 57%, 87%, 0%)
Oklch
oklch(70.6% 0.195 43.1)

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

#DFCD51

Autumn Sage · SandyBrown · Sunflower

HEX
#DFCD51
RGB
rgb(223, 205, 81)
HSL
hsl(52, 69%, 60%)
HSB
hsb(52, 64%, 87%)
CMYK
cmyk(0%, 8%, 64%, 13%)
Oklch
oklch(84.0% 0.143 101.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DFD9CB

Goose Yellow · LightGray · Lemon Cream

HEX
#DFD9CB
RGB
rgb(223, 217, 203)
HSL
hsl(42, 24%, 84%)
HSB
hsb(42, 9%, 87%)
CMYK
cmyk(0%, 3%, 9%, 13%)
Oklch
oklch(88.6% 0.020 87.5)

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

#61B8A7

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#61B8A7
RGB
rgb(97, 184, 167)
HSL
hsl(168, 38%, 55%)
HSB
hsb(168, 47%, 72%)
CMYK
cmyk(47%, 0%, 9%, 28%)
Oklch
oklch(72.3% 0.088 179.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8382E
30DFE8

Analogous

E83083
E8382E
E89530

Triadic

E8382E
30E83A
3A30E8

Split-Comp.

E8382E
30E895
3083E8

Tetradic

E8382E
83E830
30DFE8
9530E8

Contrast Matrix WCAG 2.1 Contrast

E8382E
FF6D22
DFCD51
DFD9CB
61B8A7
—
1.5
Fail
2.6
Fail
3.0
Fail
1.8
Fail
1.5
Fail
—
1.7
Fail
2.0
Fail
1.2
Fail
2.6
Fail
1.7
Fail
—
1.1
Fail
1.5
Fail
3.0
Fail
2.0
Fail
1.1
Fail
—
1.7
Fail
1.8
Fail
1.2
Fail
1.5
Fail
1.7
Fail
—
White BG
4.2AA Large
2.8Fail
1.6Fail
1.4Fail
2.4Fail
Black BG
5.0AA
7.5AAA
13.0AAA
14.9AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9A30
C0BE34
D7D76F
DCDCCE
8787AB

Deuteranopia

A6B331
C8D338
D8DA76
DDDDCF
827BAC

Tritanopia

DF3233
F84246
DE878C
DFD1D2
65AEAF

Achromatopsia

6B6B6B
909090
C4C4C4
D9D9D9
9C9C9C

Shades & Tints Shades & Tints

#E8382E

Dark
Light

#FF6D22

Dark
Light

#DFCD51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8382e;
  --color-2: #ff6d22;
  --color-3: #dfcd51;
  --color-4: #dfd9cb;
  --color-5: #61b8a7;
}

SCSS

$color-1: #e8382e;
$color-2: #ff6d22;
$color-3: #dfcd51;
$color-4: #dfd9cb;
$color-5: #61b8a7;

TAILWIND

colors: {
  'brand-1': '#e8382e',
  'brand-2': '#ff6d22',
  'brand-3': '#dfcd51',
  'brand-4': '#dfd9cb',
  'brand-5': '#61b8a7',
}

RGB Array

[232, 56, 46], [255, 109, 34], [223, 205, 81], [223, 217, 203], [97, 184, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8382E, #FF6D22, #DFCD51, #DFD9CB, #61B8A7 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #e8382e; --color-2: #ff6d22; --color-3: #dfcd51; --color-4: #dfd9cb; --color-5: #61b8a7. 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. 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