← Back to Editor

#74563C · #E29449 · #F9B14B · #7D1713 · #B74F46

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 App

Color Details Color Details

#74563C

Tangerine · DarkOliveGreen · Amber Brown

HEX
#74563C
RGB
rgb(116, 86, 60)
HSL
hsl(28, 32%, 35%)
HSB
hsb(28, 48%, 45%)
CMYK
cmyk(0%, 26%, 48%, 55%)
Oklch
oklch(47.8% 0.056 61.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E29449

Tangerine · SandyBrown · Warm Sun

HEX
#E29449
RGB
rgb(226, 148, 73)
HSL
hsl(29, 73%, 59%)
HSB
hsb(29, 68%, 89%)
CMYK
cmyk(0%, 35%, 68%, 11%)
Oklch
oklch(73.2% 0.130 62.1)

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

#F9B14B

Ginger · SandyBrown · Warm Sun

HEX
#F9B14B
RGB
rgb(249, 177, 75)
HSL
hsl(35, 94%, 64%)
HSB
hsb(35, 70%, 98%)
CMYK
cmyk(0%, 29%, 70%, 2%)
Oklch
oklch(81.1% 0.143 72.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#7D1713

Vermilion · Maroon · Wine Red

HEX
#7D1713
RGB
rgb(125, 23, 19)
HSL
hsl(2, 74%, 28%)
HSB
hsb(2, 85%, 49%)
CMYK
cmyk(0%, 82%, 85%, 51%)
Oklch
oklch(38.5% 0.137 28.1)

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

#B74F46

Crimson · Sienna · Passion Red

HEX
#B74F46
RGB
rgb(183, 79, 70)
HSL
hsl(5, 45%, 50%)
HSB
hsb(5, 62%, 72%)
CMYK
cmyk(0%, 57%, 62%, 28%)
Oklch
oklch(56.0% 0.137 27.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74563C
3D5B76

Analogous

763D3F
74563C
76743D

Triadic

74563C
3D7657
573D76

Split-Comp.

74563C
3D7674
3D3F76

Tetradic

74563C
3F763D
3D5B76
743D76

Contrast Matrix WCAG 2.1 Contrast

74563C
E29449
F9B14B
7D1713
B74F46
—
2.7
Fail
3.6
AA Large
1.6
Fail
1.3
Fail
2.7
Fail
—
1.3
Fail
4.3
AA Large
2.0
Fail
3.6
AA Large
1.3
Fail
—
5.7
AA
2.7
Fail
1.6
Fail
4.3
AA Large
5.7
AA
—
2.1
Fail
1.3
Fail
2.0
Fail
2.7
Fail
2.1
Fail
—
White BG
6.7AA
2.5Fail
1.8Fail
10.5AAA
5.0AA
Black BG
3.1AA Large
8.6AAA
11.4AAA
2.0Fail
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

676742
C0C05B
DAD964
515014
8A8948

Deuteranopia

696B44
C5CB60
DEE36A
575E14
909849

Tritanopia

724748
DE696D
F5777B
781515
B24A4A

Achromatopsia

5C5C5C
A3A3A3
BBBBBB
353535
6D6D6D

Shades & Tints Shades & Tints

#74563C

Dark
Light

#E29449

Dark
Light

#F9B14B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74563c;
  --color-2: #e29449;
  --color-3: #f9b14b;
  --color-4: #7d1713;
  --color-5: #b74f46;
}

SCSS

$color-1: #74563c;
$color-2: #e29449;
$color-3: #f9b14b;
$color-4: #7d1713;
$color-5: #b74f46;

TAILWIND

colors: {
  'brand-1': '#74563c',
  'brand-2': '#e29449',
  'brand-3': '#f9b14b',
  'brand-4': '#7d1713',
  'brand-5': '#b74f46',
}

RGB Array

[116, 86, 60], [226, 148, 73], [249, 177, 75], [125, 23, 19], [183, 79, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74563C, #E29449, #F9B14B, #7D1713, #B74F46 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: #74563c; --color-2: #e29449; --color-3: #f9b14b; --color-4: #7d1713; --color-5: #b74f46. 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