← Back to Editor

#7D3250 · #FA3E3E · #FC7042 · #E6B55C · #D9D5B2

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

#7D3250

Dark Violet · Brown · Camellia

HEX
#7D3250
RGB
rgb(125, 50, 80)
HSL
hsl(336, 43%, 34%)
HSB
hsb(336, 60%, 49%)
CMYK
cmyk(0%, 60%, 36%, 51%)
Oklch
oklch(43.1% 0.109 357.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FA3E3E

Peach Pink · Tomato · Coral Red

HEX
#FA3E3E
RGB
rgb(250, 62, 62)
HSL
hsl(0, 95%, 61%)
HSB
hsb(0, 75%, 98%)
CMYK
cmyk(0%, 75%, 75%, 2%)
Oklch
oklch(64.9% 0.224 26.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FC7042

Apricot · Tomato · Warm Sun

HEX
#FC7042
RGB
rgb(252, 112, 66)
HSL
hsl(15, 97%, 62%)
HSB
hsb(15, 74%, 99%)
CMYK
cmyk(0%, 56%, 74%, 1%)
Oklch
oklch(70.8% 0.182 38.3)

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

#E6B55C

Ginger · SandyBrown · Warm Sun

HEX
#E6B55C
RGB
rgb(230, 181, 92)
HSL
hsl(39, 73%, 63%)
HSB
hsb(39, 60%, 90%)
CMYK
cmyk(0%, 21%, 60%, 10%)
Oklch
oklch(80.0% 0.121 80.5)

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

#D9D5B2

Fresh Green · Wheat · Lemon Cream

HEX
#D9D5B2
RGB
rgb(217, 213, 178)
HSL
hsl(54, 34%, 77%)
HSB
hsb(54, 18%, 85%)
CMYK
cmyk(0%, 2%, 18%, 15%)
Oklch
oklch(86.7% 0.047 101.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D3250
317C5E

Analogous

7C3175
7D3250
7C3931

Triadic

7D3250
4F7C31
314F7C

Split-Comp.

7D3250
317C39
31757C

Tetradic

7D3250
757C31
317C5E
39317C

Contrast Matrix WCAG 2.1 Contrast

7D3250
FA3E3E
FC7042
E6B55C
D9D5B2
—
2.4
Fail
3.1
AA Large
4.6
AA
5.8
AA
2.4
Fail
—
1.3
Fail
1.9
Fail
2.4
Fail
3.1
AA Large
1.3
Fail
—
1.5
Fail
1.9
Fail
4.6
AA
1.9
Fail
1.5
Fail
—
1.3
Fail
5.8
AA
2.4
Fail
1.9
Fail
1.3
Fail
—
White BG
8.6AAA
3.6AA Large
2.8Fail
1.9Fail
1.5Fail
Black BG
2.4Fail
5.8AA
7.5AAA
11.1AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5C49
A9A73E
BFBE4D
D1D072
D7D7BA

Deuteranopia

616747
B4C23E
C8D250
D4D777
D8D8BD

Tritanopia

794342
F13E3E
F55658
E48386
D9C1C3

Achromatopsia

4C4C4C
767676
959595
BABABA
D2D2D2

Shades & Tints Shades & Tints

#7D3250

Dark
Light

#FA3E3E

Dark
Light

#FC7042

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d3250;
  --color-2: #fa3e3e;
  --color-3: #fc7042;
  --color-4: #e6b55c;
  --color-5: #d9d5b2;
}

SCSS

$color-1: #7d3250;
$color-2: #fa3e3e;
$color-3: #fc7042;
$color-4: #e6b55c;
$color-5: #d9d5b2;

TAILWIND

colors: {
  'brand-1': '#7d3250',
  'brand-2': '#fa3e3e',
  'brand-3': '#fc7042',
  'brand-4': '#e6b55c',
  'brand-5': '#d9d5b2',
}

RGB Array

[125, 50, 80], [250, 62, 62], [252, 112, 66], [230, 181, 92], [217, 213, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D3250, #FA3E3E, #FC7042, #E6B55C, #D9D5B2 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: #7d3250; --color-2: #fa3e3e; --color-3: #fc7042; --color-4: #e6b55c; --color-5: #d9d5b2. 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