← Back to Editor

#592D3C · #D34165 · #FF946F · #E8C687 · #547F78

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#592D3C

Dark Violet · DarkSlateGray · Camellia

HEX
#592D3C
RGB
rgb(89, 45, 60)
HSL
hsl(340, 33%, 26%)
HSB
hsb(340, 49%, 35%)
CMYK
cmyk(0%, 49%, 33%, 65%)
Oklch
oklch(36.0% 0.067 359.3)

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

#D34165

Vermilion · MediumVioletRed · Passion Red

HEX
#D34165
RGB
rgb(211, 65, 101)
HSL
hsl(345, 62%, 54%)
HSB
hsb(345, 69%, 83%)
CMYK
cmyk(0%, 69%, 52%, 17%)
Oklch
oklch(59.4% 0.183 10.1)

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

#FF946F

Apricot · LightSalmon · Warm Sun

HEX
#FF946F
RGB
rgb(255, 148, 111)
HSL
hsl(15, 100%, 72%)
HSB
hsb(15, 56%, 100%)
CMYK
cmyk(0%, 42%, 56%, 0%)
Oklch
oklch(77.2% 0.139 39.7)

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

#E8C687

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8C687
RGB
rgb(232, 198, 135)
HSL
hsl(39, 68%, 72%)
HSB
hsb(39, 42%, 91%)
CMYK
cmyk(0%, 15%, 42%, 9%)
Oklch
oklch(84.2% 0.089 82.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#547F78

Mineral Blue · DimGray · Mint Ice

HEX
#547F78
RGB
rgb(84, 127, 120)
HSL
hsl(170, 20%, 41%)
HSB
hsb(170, 34%, 50%)
CMYK
cmyk(34%, 0%, 6%, 50%)
Oklch
oklch(56.3% 0.049 183.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

592D3C
2C584A

Analogous

582C51
592D3C
58342C

Triadic

592D3C
3B582C
2C3B58

Split-Comp.

592D3C
2C5834
2C5158

Tetradic

592D3C
51582C
2C584A
342C58

Contrast Matrix WCAG 2.1 Contrast

592D3C
D34165
FF946F
E8C687
547F78
—
2.5
Fail
5.2
AA
6.9
AA
2.5
Fail
2.5
Fail
—
2.1
Fail
2.7
Fail
1.0
Fail
5.2
AA
2.1
Fail
—
1.3
Fail
2.1
Fail
6.9
AA
2.7
Fail
1.3
Fail
—
2.7
Fail
2.5
Fail
1.0
Fail
2.1
Fail
2.7
Fail
—
White BG
11.3AAA
4.5AA Large
2.2Fail
1.6Fail
4.5AA Large
Black BG
1.9Fail
4.7AA
9.7AAA
12.9AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

464638
94925C
D1D078
D9D996
67677A

Deuteranopia

494C38
9CA75A
D7DF7A
DBDE9A
64617A

Tritanopia

573635
CC5554
FA7F81
E6A2A5
567B7B

Achromatopsia

3C3C3C
717171
B0B0B0
C9C9C9
717171

Shades & Tints Shades & Tints

#592D3C

Dark
Light

#D34165

Dark
Light

#FF946F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #592d3c;
  --color-2: #d34165;
  --color-3: #ff946f;
  --color-4: #e8c687;
  --color-5: #547f78;
}

SCSS

$color-1: #592d3c;
$color-2: #d34165;
$color-3: #ff946f;
$color-4: #e8c687;
$color-5: #547f78;

TAILWIND

colors: {
  'brand-1': '#592d3c',
  'brand-2': '#d34165',
  'brand-3': '#ff946f',
  'brand-4': '#e8c687',
  'brand-5': '#547f78',
}

RGB Array

[89, 45, 60], [211, 65, 101], [255, 148, 111], [232, 198, 135], [84, 127, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #592D3C, #D34165, #FF946F, #E8C687, #547F78 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: #592d3c; --color-2: #d34165; --color-3: #ff946f; --color-4: #e8c687; --color-5: #547f78. 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