← Back to Editor

#745541 · #D32C4A · #FC4A62 · #FF6976 · #9C797D

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

#745541

Tangerine · DarkOliveGreen · Amber Brown

HEX
#745541
RGB
rgb(116, 85, 65)
HSL
hsl(24, 28%, 35%)
HSB
hsb(24, 44%, 45%)
CMYK
cmyk(0%, 27%, 44%, 55%)
Oklch
oklch(47.7% 0.051 54.0)

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

#D32C4A

Vermilion · Crimson · Passion Red

HEX
#D32C4A
RGB
rgb(211, 44, 74)
HSL
hsl(349, 65%, 50%)
HSB
hsb(349, 79%, 83%)
CMYK
cmyk(0%, 79%, 65%, 17%)
Oklch
oklch(57.0% 0.201 17.2)

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

#FC4A62

Peach Pink · Tomato · Coral Red

HEX
#FC4A62
RGB
rgb(252, 74, 98)
HSL
hsl(352, 97%, 64%)
HSB
hsb(352, 71%, 99%)
CMYK
cmyk(0%, 71%, 61%, 1%)
Oklch
oklch(66.9% 0.213 17.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF6976

Peach Pink · Salmon · Coral Red

HEX
#FF6976
RGB
rgb(255, 105, 118)
HSL
hsl(355, 100%, 71%)
HSB
hsb(355, 59%, 100%)
CMYK
cmyk(0%, 59%, 54%, 0%)
Oklch
oklch(71.1% 0.183 17.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9C797D

Crimson · Gray · Passion Red

HEX
#9C797D
RGB
rgb(156, 121, 125)
HSL
hsl(353, 15%, 54%)
HSB
hsb(353, 22%, 61%)
CMYK
cmyk(0%, 22%, 20%, 39%)
Oklch
oklch(61.1% 0.044 10.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

745541
405E72

Analogous

724045
745541
726D40

Triadic

745541
407254
544072

Split-Comp.

745541
40726D
404572

Tetradic

745541
457240
405E72
6D4072

Contrast Matrix WCAG 2.1 Contrast

745541
D32C4A
FC4A62
FF6976
9C797D
—
1.4
Fail
2.0
Fail
2.4
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
1.8
Fail
1.3
Fail
2.0
Fail
1.5
Fail
—
1.2
Fail
1.2
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.3
Fail
1.2
Fail
1.4
Fail
—
White BG
6.7AA
5.0AA
3.3AA Large
2.8Fail
3.9AA Large
Black BG
3.1AA Large
4.2AA Large
6.3AA
7.5AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

676646
8B8943
AFAD5C
BEBD73
8D8D7C

Deuteranopia

686B47
94A141
B9C75B
C7D272
8F927C

Tritanopia

724A4B
CB3D3C
F35857
F87070
9A7B7B

Achromatopsia

5C5C5C
616161
828282
979797
848484

Shades & Tints Shades & Tints

#745541

Dark
Light

#D32C4A

Dark
Light

#FC4A62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #745541;
  --color-2: #d32c4a;
  --color-3: #fc4a62;
  --color-4: #ff6976;
  --color-5: #9c797d;
}

SCSS

$color-1: #745541;
$color-2: #d32c4a;
$color-3: #fc4a62;
$color-4: #ff6976;
$color-5: #9c797d;

TAILWIND

colors: {
  'brand-1': '#745541',
  'brand-2': '#d32c4a',
  'brand-3': '#fc4a62',
  'brand-4': '#ff6976',
  'brand-5': '#9c797d',
}

RGB Array

[116, 85, 65], [211, 44, 74], [252, 74, 98], [255, 105, 118], [156, 121, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #745541, #D32C4A, #FC4A62, #FF6976, #9C797D 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: #745541; --color-2: #d32c4a; --color-3: #fc4a62; --color-4: #ff6976; --color-5: #9c797d. 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