← Back to Editor

#5C3451 · #9F9261 · #F6E4D8 · #FC8C70 · #7C222C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5C3451

Rose Purple · DarkSlateGray · Eggplant

HEX
#5C3451
RGB
rgb(92, 52, 81)
HSL
hsl(317, 28%, 28%)
HSB
hsb(317, 43%, 36%)
CMYK
cmyk(0%, 43%, 12%, 64%)
Oklch
oklch(38.5% 0.071 337.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#9F9261

Ochre · Gray · Honey Gold

HEX
#9F9261
RGB
rgb(159, 146, 97)
HSL
hsl(47, 24%, 50%)
HSB
hsb(47, 39%, 62%)
CMYK
cmyk(0%, 8%, 39%, 38%)
Oklch
oklch(65.9% 0.069 95.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F6E4D8

Apricot · Beige · Peach Orange

HEX
#F6E4D8
RGB
rgb(246, 228, 216)
HSL
hsl(24, 63%, 91%)
HSB
hsb(24, 12%, 96%)
CMYK
cmyk(0%, 7%, 12%, 4%)
Oklch
oklch(93.0% 0.026 56.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FC8C70

Peach Pink · Salmon · Coral Red

HEX
#FC8C70
RGB
rgb(252, 140, 112)
HSL
hsl(12, 96%, 71%)
HSB
hsb(12, 56%, 99%)
CMYK
cmyk(0%, 44%, 56%, 1%)
Oklch
oklch(75.6% 0.142 35.0)

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

#7C222C

Crimson · Brown · Wine Red

HEX
#7C222C
RGB
rgb(124, 34, 44)
HSL
hsl(353, 57%, 31%)
HSB
hsb(353, 73%, 49%)
CMYK
cmyk(0%, 73%, 65%, 51%)
Oklch
oklch(39.8% 0.123 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C3451
335B3F

Analogous

53335B
5C3451
5B333C

Triadic

5C3451
505B33
33505B

Split-Comp.

5C3451
3C5B33
335B53

Tetradic

5C3451
5B5333
335B3F
333C5B

Contrast Matrix WCAG 2.1 Contrast

5C3451
9F9261
F6E4D8
FC8C70
7C222C
—
3.3
AA Large
8.2
AAA
4.4
AA Large
1.0
Fail
3.3
AA Large
—
2.5
Fail
1.4
Fail
3.2
AA Large
8.2
AAA
2.5
Fail
—
1.9
Fail
8.0
AAA
4.4
AA Large
1.4
Fail
1.9
Fail
—
4.3
AA Large
1.0
Fail
3.2
AA Large
8.0
AAA
4.3
AA Large
—
White BG
10.2AAA
3.1AA Large
1.2Fail
2.3Fail
9.9AAA
Black BG
2.1Fail
6.8AA
17.0AAA
9.1AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A4A
99996D
EEEEDB
CCCA77
55542A

Deuteranopia

4D5048
9A9B70
EFF1DC
D2DA78
5A6129

Tritanopia

5A4443
9E7678
F5DDDE
F67C7D
782827

Achromatopsia

434343
909090
E8E8E8
AAAAAA
3E3E3E

Shades & Tints Shades & Tints

#5C3451

Dark
Light

#9F9261

Dark
Light

#F6E4D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c3451;
  --color-2: #9f9261;
  --color-3: #f6e4d8;
  --color-4: #fc8c70;
  --color-5: #7c222c;
}

SCSS

$color-1: #5c3451;
$color-2: #9f9261;
$color-3: #f6e4d8;
$color-4: #fc8c70;
$color-5: #7c222c;

TAILWIND

colors: {
  'brand-1': '#5c3451',
  'brand-2': '#9f9261',
  'brand-3': '#f6e4d8',
  'brand-4': '#fc8c70',
  'brand-5': '#7c222c',
}

RGB Array

[92, 52, 81], [159, 146, 97], [246, 228, 216], [252, 140, 112], [124, 34, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C3451, #9F9261, #F6E4D8, #FC8C70, #7C222C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5c3451; --color-2: #9f9261; --color-3: #f6e4d8; --color-4: #fc8c70; --color-5: #7c222c. 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 tech, SaaS, healthcare, eco industries. 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