← Back to Editor

#21140E · #E6C535 · #ED8240 · #E62E68 · #FFEEC7

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

#21140E

Tangerine · Black · Cinnamon

HEX
#21140E
RGB
rgb(33, 20, 14)
HSL
hsl(19, 40%, 9%)
HSB
hsb(19, 58%, 13%)
CMYK
cmyk(0%, 39%, 58%, 87%)
Oklch
oklch(20.7% 0.024 45.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#E6C535

Ginger · GoldenRod · Sunflower

HEX
#E6C535
RGB
rgb(230, 197, 53)
HSL
hsl(49, 78%, 55%)
HSB
hsb(49, 77%, 90%)
CMYK
cmyk(0%, 14%, 77%, 10%)
Oklch
oklch(82.8% 0.156 95.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#ED8240

Tangerine · Coral · Warm Sun

HEX
#ED8240
RGB
rgb(237, 130, 64)
HSL
hsl(23, 83%, 59%)
HSB
hsb(23, 73%, 93%)
CMYK
cmyk(0%, 45%, 73%, 7%)
Oklch
oklch(71.4% 0.153 49.7)

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

#E62E68

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E62E68
RGB
rgb(230, 46, 104)
HSL
hsl(341, 79%, 54%)
HSB
hsb(341, 80%, 90%)
CMYK
cmyk(0%, 80%, 55%, 10%)
Oklch
oklch(61.1% 0.218 8.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FFEEC7

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEEC7
RGB
rgb(255, 238, 199)
HSL
hsl(42, 100%, 89%)
HSB
hsb(42, 22%, 100%)
CMYK
cmyk(0%, 7%, 22%, 0%)
Oklch
oklch(95.3% 0.054 87.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

21140E
0E1A20

Analogous

200E11
21140E
201D0E

Triadic

21140E
0E2014
140E20

Split-Comp.

21140E
0E201D
0E1120

Tetradic

21140E
11200E
0E1A20
1D0E20

Contrast Matrix WCAG 2.1 Contrast

21140E
E6C535
ED8240
E62E68
FFEEC7
—
10.6
AAA
6.7
AA
4.2
AA Large
15.6
AAA
10.6
AAA
—
1.6
Fail
2.5
Fail
1.5
Fail
6.7
AA
1.6
Fail
—
1.6
Fail
2.3
Fail
4.2
AA Large
2.5
Fail
1.6
Fail
—
3.7
AA Large
15.6
AAA
1.5
Fail
2.3
Fail
3.7
AA Large
—
White BG
17.9AAA
1.7Fail
2.7Fail
4.2AA Large
1.1Fail
Black BG
1.2Fail
12.4AAA
7.9AAA
5.0AA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B0F
D8D758
BFBE50
96955A
F8F7D0

Deuteranopia

1C1D10
DADC60
C5CD54
A1AF57
F9FAD3

Tritanopia

201111
E47379
E85D5F
DD4F4C
FED8DA

Achromatopsia

171717
BEBEBE
9A9A9A
6C6C6C
EFEFEF

Shades & Tints Shades & Tints

#21140E

Dark
Light

#E6C535

Dark
Light

#ED8240

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #21140e;
  --color-2: #e6c535;
  --color-3: #ed8240;
  --color-4: #e62e68;
  --color-5: #ffeec7;
}

SCSS

$color-1: #21140e;
$color-2: #e6c535;
$color-3: #ed8240;
$color-4: #e62e68;
$color-5: #ffeec7;

TAILWIND

colors: {
  'brand-1': '#21140e',
  'brand-2': '#e6c535',
  'brand-3': '#ed8240',
  'brand-4': '#e62e68',
  'brand-5': '#ffeec7',
}

RGB Array

[33, 20, 14], [230, 197, 53], [237, 130, 64], [230, 46, 104], [255, 238, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #21140E, #E6C535, #ED8240, #E62E68, #FFEEC7 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: #21140e; --color-2: #e6c535; --color-3: #ed8240; --color-4: #e62e68; --color-5: #ffeec7. 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