← Back to Editor

#4C2746 · #8F2B4D · #EE7268 · #DAE090 · #73BA96

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

#4C2746

Rose Purple · DarkSlateGray · Eggplant

HEX
#4C2746
RGB
rgb(76, 39, 70)
HSL
hsl(310, 32%, 23%)
HSB
hsb(310, 49%, 30%)
CMYK
cmyk(0%, 49%, 8%, 70%)
Oklch
oklch(33.4% 0.072 333.3)

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

#8F2B4D

Dark Violet · Brown · Camellia

HEX
#8F2B4D
RGB
rgb(143, 43, 77)
HSL
hsl(340, 54%, 36%)
HSB
hsb(340, 70%, 56%)
CMYK
cmyk(0%, 70%, 46%, 44%)
Oklch
oklch(45.1% 0.137 3.7)

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

#EE7268

Peach Pink · Salmon · Coral Red

HEX
#EE7268
RGB
rgb(238, 114, 104)
HSL
hsl(4, 80%, 67%)
HSB
hsb(4, 56%, 93%)
CMYK
cmyk(0%, 52%, 56%, 7%)
Oklch
oklch(69.6% 0.155 26.5)

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

#DAE090

Fresh Green · Khaki · Sunflower

HEX
#DAE090
RGB
rgb(218, 224, 144)
HSL
hsl(65, 56%, 72%)
HSB
hsb(65, 36%, 88%)
CMYK
cmyk(3%, 0%, 36%, 12%)
Oklch
oklch(88.4% 0.102 112.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#73BA96

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#73BA96
RGB
rgb(115, 186, 150)
HSL
hsl(150, 34%, 59%)
HSB
hsb(150, 38%, 73%)
CMYK
cmyk(38%, 0%, 19%, 27%)
Oklch
oklch(73.2% 0.089 161.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C2746
284D2E

Analogous

41284D
4C2746
4D2834

Triadic

4C2746
474D28
28474D

Split-Comp.

4C2746
344D28
284D41

Tetradic

4C2746
4D4128
284D2E
28344D

Contrast Matrix WCAG 2.1 Contrast

4C2746
8F2B4D
EE7268
DAE090
73BA96
—
1.6
Fail
4.3
AA Large
8.9
AAA
5.5
AA
1.6
Fail
—
2.8
Fail
5.7
AA
3.5
AA Large
4.3
AA Large
2.8
Fail
—
2.1
Fail
1.3
Fail
8.9
AAA
5.7
AA
2.1
Fail
—
1.6
Fail
5.5
AA
3.5
AA Large
1.3
Fail
1.6
Fail
—
White BG
12.5AAA
8.0AAA
2.9Fail
1.4Fail
2.3Fail
Black BG
1.7Fail
2.6Fail
7.2AAA
15.0AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C3E
646345
B8B76A
DDDDA3
92929F

Deuteranopia

3E413D
6A7143
C0C96B
DCDCA8
8E88A1

Tritanopia

4A3937
8A3E3D
E86C6D
DAB3B6
77A6A7

Achromatopsia

363636
4D4D4D
969696
D5D5D5
A1A1A1

Shades & Tints Shades & Tints

#4C2746

Dark
Light

#8F2B4D

Dark
Light

#EE7268

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c2746;
  --color-2: #8f2b4d;
  --color-3: #ee7268;
  --color-4: #dae090;
  --color-5: #73ba96;
}

SCSS

$color-1: #4c2746;
$color-2: #8f2b4d;
$color-3: #ee7268;
$color-4: #dae090;
$color-5: #73ba96;

TAILWIND

colors: {
  'brand-1': '#4c2746',
  'brand-2': '#8f2b4d',
  'brand-3': '#ee7268',
  'brand-4': '#dae090',
  'brand-5': '#73ba96',
}

RGB Array

[76, 39, 70], [143, 43, 77], [238, 114, 104], [218, 224, 144], [115, 186, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C2746, #8F2B4D, #EE7268, #DAE090, #73BA96 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: #4c2746; --color-2: #8f2b4d; --color-3: #ee7268; --color-4: #dae090; --color-5: #73ba96. 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