← Back to Editor

#EE6457 · #E5EB95 · #F38C8F · #FE5D86 · #636C79

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 App

Color Details Color Details

#EE6457

Peach Pink · Tomato · Coral Red

HEX
#EE6457
RGB
rgb(238, 100, 87)
HSL
hsl(5, 82%, 64%)
HSB
hsb(5, 63%, 93%)
CMYK
cmyk(0%, 58%, 63%, 7%)
Oklch
oklch(67.4% 0.173 28.0)

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

#E5EB95

Fresh Green · Khaki · Sunflower

HEX
#E5EB95
RGB
rgb(229, 235, 149)
HSL
hsl(64, 68%, 75%)
HSB
hsb(64, 37%, 92%)
CMYK
cmyk(3%, 0%, 37%, 8%)
Oklch
oklch(91.6% 0.109 111.8)

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

#F38C8F

Peach Pink · LightCoral · Coral Red

HEX
#F38C8F
RGB
rgb(243, 140, 143)
HSL
hsl(358, 81%, 75%)
HSB
hsb(358, 42%, 95%)
CMYK
cmyk(0%, 42%, 41%, 5%)
Oklch
oklch(75.1% 0.125 18.6)

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

#FE5D86

Peach Pink · LightCoral · Coral Red

HEX
#FE5D86
RGB
rgb(254, 93, 134)
HSL
hsl(345, 99%, 68%)
HSB
hsb(345, 63%, 100%)
CMYK
cmyk(0%, 63%, 47%, 0%)
Oklch
oklch(69.9% 0.197 8.3)

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

#636C79

Indigo · DimGray · Navy Blue

HEX
#636C79
RGB
rgb(99, 108, 121)
HSL
hsl(215, 10%, 43%)
HSB
hsb(215, 18%, 47%)
CMYK
cmyk(18%, 11%, 0%, 53%)
Oklch
oklch(52.8% 0.023 257.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE6457
58E2EE

Analogous

EE5897
EE6457
EEB058

Triadic

EE6457
58EE64
6458EE

Split-Comp.

EE6457
58EEB0
5897EE

Tetradic

EE6457
97EE58
58E2EE
B058EE

Contrast Matrix WCAG 2.1 Contrast

EE6457
E5EB95
F38C8F
FE5D86
636C79
—
2.5
Fail
1.4
Fail
1.1
Fail
1.7
Fail
2.5
Fail
—
1.9
Fail
2.3
Fail
4.2
AA Large
1.4
Fail
1.9
Fail
—
1.3
Fail
2.3
Fail
1.1
Fail
2.3
Fail
1.3
Fail
—
1.8
Fail
1.7
Fail
4.2
AA Large
2.3
Fail
1.8
Fail
—
White BG
3.2AA Large
1.3Fail
2.3Fail
2.9Fail
5.3AA
Black BG
6.6AA
16.6AAA
9.0AAA
7.1AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B15A
E8E8AA
C6C58E
B8B77C
676776

Deuteranopia

BAC55B
E7E7AF
CCD48E
C2CE7A
666675

Tritanopia

E75D5D
E5BABE
EE8E8E
F67473
637373

Achromatopsia

8C8C8C
DFDFDF
ABABAB
929292
6B6B6B

Shades & Tints Shades & Tints

#EE6457

Dark
Light

#E5EB95

Dark
Light

#F38C8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee6457;
  --color-2: #e5eb95;
  --color-3: #f38c8f;
  --color-4: #fe5d86;
  --color-5: #636c79;
}

SCSS

$color-1: #ee6457;
$color-2: #e5eb95;
$color-3: #f38c8f;
$color-4: #fe5d86;
$color-5: #636c79;

TAILWIND

colors: {
  'brand-1': '#ee6457',
  'brand-2': '#e5eb95',
  'brand-3': '#f38c8f',
  'brand-4': '#fe5d86',
  'brand-5': '#636c79',
}

RGB Array

[238, 100, 87], [229, 235, 149], [243, 140, 143], [254, 93, 134], [99, 108, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE6457, #E5EB95, #F38C8F, #FE5D86, #636C79 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ee6457; --color-2: #e5eb95; --color-3: #f38c8f; --color-4: #fe5d86; --color-5: #636c79. 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 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