← Back to Editor

#E09EA0 · #C09280 · #EA1354 · #43A085 · #E9D68D

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 Library

Color Details Color Details

#E09EA0

Peach Pink · Tan · Coral Red

HEX
#E09EA0
RGB
rgb(224, 158, 160)
HSL
hsl(358, 52%, 75%)
HSB
hsb(358, 29%, 88%)
CMYK
cmyk(0%, 29%, 29%, 12%)
Oklch
oklch(76.3% 0.079 17.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C09280

Apricot · Tan · Warm Sun

HEX
#C09280
RGB
rgb(192, 146, 128)
HSL
hsl(17, 34%, 63%)
HSB
hsb(17, 33%, 75%)
CMYK
cmyk(0%, 24%, 33%, 25%)
Oklch
oklch(69.9% 0.062 42.4)

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

#EA1354

Dark Violet · Crimson · Camellia

HEX
#EA1354
RGB
rgb(234, 19, 84)
HSL
hsl(342, 85%, 50%)
HSB
hsb(342, 92%, 92%)
CMYK
cmyk(0%, 92%, 64%, 8%)
Oklch
oklch(60.1% 0.234 14.1)

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

#43A085

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#43A085
RGB
rgb(67, 160, 133)
HSL
hsl(163, 41%, 45%)
HSB
hsb(163, 58%, 63%)
CMYK
cmyk(58%, 0%, 17%, 37%)
Oklch
oklch(64.2% 0.098 171.2)

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

#E9D68D

Goose Yellow · Khaki · Sunflower

HEX
#E9D68D
RGB
rgb(233, 214, 141)
HSL
hsl(48, 68%, 73%)
HSB
hsb(48, 39%, 91%)
CMYK
cmyk(0%, 8%, 39%, 9%)
Oklch
oklch(87.5% 0.095 95.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E09EA0
9EE0DE

Analogous

E09EC1
E09EA0
E0BD9E

Triadic

E09EA0
A0E09E
9EA0E0

Split-Comp.

E09EA0
9EE0BD
9EC1E0

Tetradic

E09EA0
C1E09E
9EE0DE
BD9EE0

Contrast Matrix WCAG 2.1 Contrast

E09EA0
C09280
EA1354
43A085
E9D68D
—
1.2
Fail
2.0
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.6
Fail
1.2
Fail
1.9
Fail
2.0
Fail
1.6
Fail
—
1.4
Fail
3.1
AA Large
1.4
Fail
1.2
Fail
1.4
Fail
—
2.2
Fail
1.5
Fail
1.9
Fail
3.1
AA Large
2.2
Fail
—
White BG
2.2Fail
2.7Fail
4.4AA Large
3.2AA Large
1.5Fail
Black BG
9.6AAA
7.7AAA
4.7AA
6.6AA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3A0
ACAC84
8D8B44
6B6C8C
E1E19F

Deuteranopia

C7CC9F
AFB285
99A941
665F8D
E2E3A3

Tritanopia

DD9F9F
BE8889
DF3835
489192
E8ADB0

Achromatopsia

B2B2B2
9E9E9E
5B5B5B
818181
D3D3D3

Shades & Tints Shades & Tints

#E09EA0

Dark
Light

#C09280

Dark
Light

#EA1354

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e09ea0;
  --color-2: #c09280;
  --color-3: #ea1354;
  --color-4: #43a085;
  --color-5: #e9d68d;
}

SCSS

$color-1: #e09ea0;
$color-2: #c09280;
$color-3: #ea1354;
$color-4: #43a085;
$color-5: #e9d68d;

TAILWIND

colors: {
  'brand-1': '#e09ea0',
  'brand-2': '#c09280',
  'brand-3': '#ea1354',
  'brand-4': '#43a085',
  'brand-5': '#e9d68d',
}

RGB Array

[224, 158, 160], [192, 146, 128], [234, 19, 84], [67, 160, 133], [233, 214, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E09EA0, #C09280, #EA1354, #43A085, #E9D68D 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: #e09ea0; --color-2: #c09280; --color-3: #ea1354; --color-4: #43a085; --color-5: #e9d68d. 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