← Back to Editor

#451418 · #6B6221 · #ECD5AB · #E37951 · #CE4F2E

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

#451418

Crimson · Maroon · Deep Berry

HEX
#451418
RGB
rgb(69, 20, 24)
HSL
hsl(355, 55%, 17%)
HSB
hsb(355, 71%, 27%)
CMYK
cmyk(0%, 71%, 65%, 73%)
Oklch
oklch(27.3% 0.075 18.9)

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

#6B6221

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6B6221
RGB
rgb(107, 98, 33)
HSL
hsl(53, 53%, 27%)
HSB
hsb(53, 69%, 42%)
CMYK
cmyk(0%, 8%, 69%, 58%)
Oklch
oklch(49.1% 0.085 101.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#ECD5AB

Goose Yellow · Wheat · Peach Orange

HEX
#ECD5AB
RGB
rgb(236, 213, 171)
HSL
hsl(39, 63%, 80%)
HSB
hsb(39, 28%, 93%)
CMYK
cmyk(0%, 10%, 28%, 7%)
Oklch
oklch(88.2% 0.061 82.5)

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

#E37951

Tangerine · Coral · Warm Sun

HEX
#E37951
RGB
rgb(227, 121, 81)
HSL
hsl(16, 72%, 60%)
HSB
hsb(16, 64%, 89%)
CMYK
cmyk(0%, 47%, 64%, 11%)
Oklch
oklch(68.8% 0.143 40.9)

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

#CE4F2E

Vermilion · Chocolate · Passion Red

HEX
#CE4F2E
RGB
rgb(206, 79, 46)
HSL
hsl(12, 63%, 49%)
HSB
hsb(12, 78%, 81%)
CMYK
cmyk(0%, 62%, 78%, 19%)
Oklch
oklch(59.2% 0.168 35.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

451418
14433F

Analogous

43142F
451418
432714

Triadic

451418
174314
141743

Split-Comp.

451418
144327
142F43

Tetradic

451418
2F4314
14433F
271443

Contrast Matrix WCAG 2.1 Contrast

451418
6B6221
ECD5AB
E37951
CE4F2E
—
2.5
Fail
10.7
AAA
5.2
AA
3.5
AA Large
2.5
Fail
—
4.3
AA Large
2.1
Fail
1.4
Fail
10.7
AAA
4.3
AA Large
—
2.1
Fail
3.1
AA Large
5.2
AA
2.1
Fail
2.1
Fail
—
1.5
Fail
3.5
AA Large
1.4
Fail
3.1
AA Large
1.5
Fail
—
White BG
15.4AAA
6.2AA
1.4Fail
2.9Fail
4.4AA Large
Black BG
1.4Fail
3.4AA Large
14.7AAA
7.1AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F17
676731
E2E2B5
B5B45B
979636

Deuteranopia

333617
686835
E3E5B8
BBC35D
9EA838

Tritanopia

431616
6B3D40
EBBDBF
DE6264
C83C3E

Achromatopsia

232323
5D5D5D
D7D7D7
949494
717171

Shades & Tints Shades & Tints

#451418

Dark
Light

#6B6221

Dark
Light

#ECD5AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #451418;
  --color-2: #6b6221;
  --color-3: #ecd5ab;
  --color-4: #e37951;
  --color-5: #ce4f2e;
}

SCSS

$color-1: #451418;
$color-2: #6b6221;
$color-3: #ecd5ab;
$color-4: #e37951;
$color-5: #ce4f2e;

TAILWIND

colors: {
  'brand-1': '#451418',
  'brand-2': '#6b6221',
  'brand-3': '#ecd5ab',
  'brand-4': '#e37951',
  'brand-5': '#ce4f2e',
}

RGB Array

[69, 20, 24], [107, 98, 33], [236, 213, 171], [227, 121, 81], [206, 79, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #451418, #6B6221, #ECD5AB, #E37951, #CE4F2E 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: #451418; --color-2: #6b6221; --color-3: #ecd5ab; --color-4: #e37951; --color-5: #ce4f2e. 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