← Back to Editor

#593634 · #D1384E · #EB624E · #ADB86D · #8CD1A6

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 Library

Color Details Color Details

#593634

Crimson · DarkOliveGreen · Wine Red

HEX
#593634
RGB
rgb(89, 54, 52)
HSL
hsl(3, 26%, 28%)
HSB
hsb(3, 42%, 35%)
CMYK
cmyk(0%, 39%, 42%, 65%)
Oklch
oklch(37.5% 0.051 23.3)

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

#D1384E

Vermilion · Crimson · Passion Red

HEX
#D1384E
RGB
rgb(209, 56, 78)
HSL
hsl(351, 62%, 52%)
HSB
hsb(351, 73%, 82%)
CMYK
cmyk(0%, 73%, 63%, 18%)
Oklch
oklch(57.7% 0.189 17.6)

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

#EB624E

Peach Pink · Tomato · Coral Red

HEX
#EB624E
RGB
rgb(235, 98, 78)
HSL
hsl(8, 80%, 61%)
HSB
hsb(8, 67%, 92%)
CMYK
cmyk(0%, 58%, 67%, 8%)
Oklch
oklch(66.6% 0.174 30.6)

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

#ADB86D

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ADB86D
RGB
rgb(173, 184, 109)
HSL
hsl(69, 35%, 57%)
HSB
hsb(69, 41%, 72%)
CMYK
cmyk(6%, 0%, 41%, 28%)
Oklch
oklch(75.7% 0.099 115.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#8CD1A6

Celadon · DarkSeaGreen · Apple Green

HEX
#8CD1A6
RGB
rgb(140, 209, 166)
HSL
hsl(143, 43%, 68%)
HSB
hsb(143, 33%, 82%)
CMYK
cmyk(33%, 0%, 21%, 18%)
Oklch
oklch(80.3% 0.093 156.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593634
35585A

Analogous

5A3546
593634
5A4935

Triadic

593634
355A37
37355A

Split-Comp.

593634
355A49
35465A

Tetradic

593634
465A35
35585A
49355A

Contrast Matrix WCAG 2.1 Contrast

593634
D1384E
EB624E
ADB86D
8CD1A6
—
2.2
Fail
3.2
AA Large
4.9
AA
5.9
AA
2.2
Fail
—
1.5
Fail
2.2
Fail
2.7
Fail
3.2
AA Large
1.5
Fail
—
1.5
Fail
1.8
Fail
4.9
AA
2.2
Fail
1.5
Fail
—
1.2
Fail
5.9
AA
2.7
Fail
1.8
Fail
1.2
Fail
—
White BG
10.5AAA
4.8AA
3.3AA Large
2.1Fail
1.8Fail
Black BG
2.0Fail
4.4AA Large
6.4AA
9.9AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A34
8F8D49
B0AE53
B2B27F
AAAAB0

Deuteranopia

4C4F35
98A347
B8C254
B1B084
A6A1B3

Tritanopia

573535
C94444
E45758
AE8D91
8FB9BA

Achromatopsia

404040
686868
898989
ACACAC
B7B7B7

Shades & Tints Shades & Tints

#593634

Dark
Light

#D1384E

Dark
Light

#EB624E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593634;
  --color-2: #d1384e;
  --color-3: #eb624e;
  --color-4: #adb86d;
  --color-5: #8cd1a6;
}

SCSS

$color-1: #593634;
$color-2: #d1384e;
$color-3: #eb624e;
$color-4: #adb86d;
$color-5: #8cd1a6;

TAILWIND

colors: {
  'brand-1': '#593634',
  'brand-2': '#d1384e',
  'brand-3': '#eb624e',
  'brand-4': '#adb86d',
  'brand-5': '#8cd1a6',
}

RGB Array

[89, 54, 52], [209, 56, 78], [235, 98, 78], [173, 184, 109], [140, 209, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #593634, #D1384E, #EB624E, #ADB86D, #8CD1A6 is ideal for: corporate websites, product showcases, portfolios. 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: #593634; --color-2: #d1384e; --color-3: #eb624e; --color-4: #adb86d; --color-5: #8cd1a6. 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 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