← Back to Editor

#E41C58 · #F86C80 · #C6F184 · #11AD98 · #127E89

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E41C58

Dark Violet · Crimson · Camellia

HEX
#E41C58
RGB
rgb(228, 28, 88)
HSL
hsl(342, 79%, 50%)
HSB
hsb(342, 88%, 89%)
CMYK
cmyk(0%, 88%, 61%, 11%)
Oklch
oklch(59.4% 0.226 12.6)

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

#F86C80

Peach Pink · LightCoral · Coral Red

HEX
#F86C80
RGB
rgb(248, 108, 128)
HSL
hsl(351, 91%, 70%)
HSB
hsb(351, 56%, 97%)
CMYK
cmyk(0%, 56%, 48%, 3%)
Oklch
oklch(70.7% 0.172 13.8)

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

#C6F184

Willow Green · Khaki · Apple Green

HEX
#C6F184
RGB
rgb(198, 241, 132)
HSL
hsl(84, 80%, 73%)
HSB
hsb(84, 45%, 95%)
CMYK
cmyk(18%, 0%, 45%, 5%)
Oklch
oklch(90.4% 0.144 126.8)

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

#11AD98

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#11AD98
RGB
rgb(17, 173, 152)
HSL
hsl(172, 82%, 37%)
HSB
hsb(172, 90%, 68%)
CMYK
cmyk(90%, 0%, 12%, 32%)
Oklch
oklch(67.1% 0.119 179.8)

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

#127E89

Lake Blue · Teal · Mint Ice

HEX
#127E89
RGB
rgb(18, 126, 137)
HSL
hsl(186, 77%, 30%)
HSB
hsb(186, 87%, 54%)
CMYK
cmyk(87%, 8%, 0%, 46%)
Oklch
oklch(54.3% 0.089 206.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E41C58
1BE4A8

Analogous

E41BBC
E41C58
E4431B

Triadic

E41C58
57E41B
1B57E4

Split-Comp.

E41C58
1BE443
1BBCE4

Tetradic

E41C58
BCE41B
1BE4A8
431BE4

Contrast Matrix WCAG 2.1 Contrast

E41C58
F86C80
C6F184
11AD98
127E89
—
1.6
Fail
3.5
AA Large
1.6
Fail
1.1
Fail
1.6
Fail
—
2.2
Fail
1.0
Fail
1.7
Fail
3.5
AA Large
2.2
Fail
—
2.2
Fail
3.7
AA Large
1.6
Fail
1.0
Fail
2.2
Fail
—
1.7
Fail
1.1
Fail
1.7
Fail
3.7
AA Large
1.7
Fail
—
White BG
4.6AA
2.8Fail
1.3Fail
2.8Fail
4.8AA
Black BG
4.6AA
7.4AAA
16.3AAA
7.5AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C49
BBBA7B
D9D99E
55569D
414286

Deuteranopia

99A846
C4CE7A
D6D3A5
4C409E
3B3286

Tritanopia

DA3E3C
F17777
C8B3B8
19A1A2
178484

Achromatopsia

5F5F5F
989898
D8D8D8
7C7C7C
5F5F5F

Shades & Tints Shades & Tints

#E41C58

Dark
Light

#F86C80

Dark
Light

#C6F184

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e41c58;
  --color-2: #f86c80;
  --color-3: #c6f184;
  --color-4: #11ad98;
  --color-5: #127e89;
}

SCSS

$color-1: #e41c58;
$color-2: #f86c80;
$color-3: #c6f184;
$color-4: #11ad98;
$color-5: #127e89;

TAILWIND

colors: {
  'brand-1': '#e41c58',
  'brand-2': '#f86c80',
  'brand-3': '#c6f184',
  'brand-4': '#11ad98',
  'brand-5': '#127e89',
}

RGB Array

[228, 28, 88], [248, 108, 128], [198, 241, 132], [17, 173, 152], [18, 126, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E41C58, #F86C80, #C6F184, #11AD98, #127E89 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e41c58; --color-2: #f86c80; --color-3: #c6f184; --color-4: #11ad98; --color-5: #127e89. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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