← Back to Editor

#EB542D · #A30043 · #593531 · #E6C9B1 · #88A898

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

#EB542D

Vermilion · Chocolate · Passion Red

HEX
#EB542D
RGB
rgb(235, 84, 45)
HSL
hsl(12, 83%, 55%)
HSB
hsb(12, 81%, 92%)
CMYK
cmyk(0%, 64%, 81%, 8%)
Oklch
oklch(64.5% 0.194 35.2)

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

#A30043

Dark Violet · Brown · Camellia

HEX
#A30043
RGB
rgb(163, 0, 67)
HSL
hsl(335, 100%, 32%)
HSB
hsb(335, 100%, 64%)
CMYK
cmyk(0%, 100%, 59%, 36%)
Oklch
oklch(45.8% 0.183 8.3)

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

#593531

Crimson · DarkOliveGreen · Wine Red

HEX
#593531
RGB
rgb(89, 53, 49)
HSL
hsl(6, 29%, 27%)
HSB
hsb(6, 45%, 35%)
CMYK
cmyk(0%, 40%, 45%, 65%)
Oklch
oklch(37.2% 0.053 26.7)

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

#E6C9B1

Apricot · Wheat · Peach Orange

HEX
#E6C9B1
RGB
rgb(230, 201, 177)
HSL
hsl(27, 51%, 80%)
HSB
hsb(27, 23%, 90%)
CMYK
cmyk(0%, 13%, 23%, 10%)
Oklch
oklch(85.4% 0.046 61.8)

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

#88A898

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#88A898
RGB
rgb(136, 168, 152)
HSL
hsl(150, 16%, 60%)
HSB
hsb(150, 19%, 66%)
CMYK
cmyk(19%, 0%, 10%, 34%)
Oklch
oklch(70.3% 0.042 163.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB542D
2DC5EB

Analogous

EB2D66
EB542D
EBB22D

Triadic

EB542D
2DEB53
532DEB

Split-Comp.

EB542D
2DEBB2
2D66EB

Tetradic

EB542D
66EB2D
2DC5EB
B22DEB

Contrast Matrix WCAG 2.1 Contrast

EB542D
A30043
593531
E6C9B1
88A898
—
2.2
Fail
3.0
Fail
2.3
Fail
1.4
Fail
2.2
Fail
—
1.3
Fail
5.1
AA
3.1
AA Large
3.0
Fail
1.3
Fail
—
6.8
AA
4.1
AA Large
2.3
Fail
5.1
AA
6.8
AA
—
1.6
Fail
1.4
Fail
3.1
AA Large
4.1
AA Large
1.6
Fail
—
White BG
3.6AA Large
8.0AAA
10.6AAA
1.6Fail
2.6Fail
Black BG
5.8AA
2.6Fail
2.0Fail
13.4AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA836
5C5B33
494932
D9D9B7
96969C

Deuteranopia

B2BE39
66722F
4C4E32
DBDDB8
94929D

Tritanopia

E33E40
9B2623
573333
E5BBBC
8A9FA0

Achromatopsia

7D7D7D
383838
3F3F3F
CFCFCF
9D9D9D

Shades & Tints Shades & Tints

#EB542D

Dark
Light

#A30043

Dark
Light

#593531

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb542d;
  --color-2: #a30043;
  --color-3: #593531;
  --color-4: #e6c9b1;
  --color-5: #88a898;
}

SCSS

$color-1: #eb542d;
$color-2: #a30043;
$color-3: #593531;
$color-4: #e6c9b1;
$color-5: #88a898;

TAILWIND

colors: {
  'brand-1': '#eb542d',
  'brand-2': '#a30043',
  'brand-3': '#593531',
  'brand-4': '#e6c9b1',
  'brand-5': '#88a898',
}

RGB Array

[235, 84, 45], [163, 0, 67], [89, 53, 49], [230, 201, 177], [136, 168, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB542D, #A30043, #593531, #E6C9B1, #88A898 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: #eb542d; --color-2: #a30043; --color-3: #593531; --color-4: #e6c9b1; --color-5: #88a898. 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