← Back to Editor

#EB3D5A · #F86456 · #C4C49A · #A8D890 · #C0D860

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EB3D5A

Vermilion · Tomato · Passion Red

HEX
#EB3D5A
RGB
rgb(235, 61, 90)
HSL
hsl(350, 81%, 58%)
HSB
hsb(350, 74%, 92%)
CMYK
cmyk(0%, 74%, 62%, 8%)
Oklch
oklch(62.8% 0.209 16.6)

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

#F86456

Peach Pink · Tomato · Coral Red

HEX
#F86456
RGB
rgb(248, 100, 86)
HSL
hsl(5, 92%, 65%)
HSB
hsb(5, 65%, 97%)
CMYK
cmyk(0%, 60%, 65%, 3%)
Oklch
oklch(68.9% 0.184 28.2)

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

#C4C49A

Fresh Green · Tan · Sunflower

HEX
#C4C49A
RGB
rgb(196, 196, 154)
HSL
hsl(60, 26%, 69%)
HSB
hsb(60, 21%, 77%)
CMYK
cmyk(0%, 0%, 21%, 23%)
Oklch
oklch(81.0% 0.056 107.6)

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

#A8D890

Celadon · LightGreen · Apple Green

HEX
#A8D890
RGB
rgb(168, 216, 144)
HSL
hsl(100, 48%, 71%)
HSB
hsb(100, 33%, 85%)
CMYK
cmyk(22%, 0%, 33%, 15%)
Oklch
oklch(83.1% 0.109 135.6)

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

#C0D860

Willow Green · BurlyWood · Apple Green

HEX
#C0D860
RGB
rgb(192, 216, 96)
HSL
hsl(72, 61%, 61%)
HSB
hsb(72, 56%, 85%)
CMYK
cmyk(11%, 0%, 56%, 15%)
Oklch
oklch(84.0% 0.148 119.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB3D5A
3DEBCE

Analogous

EB3DB1
EB3D5A
EB773D

Triadic

EB3D5A
5AEB3D
3D5AEB

Split-Comp.

EB3D5A
3DEB77
3DB1EB

Tetradic

EB3D5A
B1EB3D
3DEBCE
773DEB

Contrast Matrix WCAG 2.1 Contrast

EB3D5A
F86456
C4C49A
A8D890
C0D860
—
1.3
Fail
2.2
Fail
2.4
Fail
2.5
Fail
1.3
Fail
—
1.7
Fail
1.9
Fail
1.9
Fail
2.2
Fail
1.7
Fail
—
1.1
Fail
1.1
Fail
2.4
Fail
1.9
Fail
1.1
Fail
—
1.0
Fail
2.5
Fail
1.9
Fail
1.1
Fail
1.0
Fail
—
White BG
3.9AA Large
3.0AA Large
1.8Fail
1.6Fail
1.6Fail
Black BG
5.3AA
6.9AA
11.7AAA
12.9AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09E53
B8B759
C4C4A4
BDBDA1
CACB7D

Deuteranopia

AAB751
C1CC5A
C4C4A7
BAB6A6
C9C784

Tritanopia

E24D4C
F15C5D
C4ACAE
AAAFB2
C19499

Achromatopsia

747474
8F8F8F
BFBFBF
C1C1C1
C3C3C3

Shades & Tints Shades & Tints

#EB3D5A

Dark
Light

#F86456

Dark
Light

#C4C49A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb3d5a;
  --color-2: #f86456;
  --color-3: #c4c49a;
  --color-4: #a8d890;
  --color-5: #c0d860;
}

SCSS

$color-1: #eb3d5a;
$color-2: #f86456;
$color-3: #c4c49a;
$color-4: #a8d890;
$color-5: #c0d860;

TAILWIND

colors: {
  'brand-1': '#eb3d5a',
  'brand-2': '#f86456',
  'brand-3': '#c4c49a',
  'brand-4': '#a8d890',
  'brand-5': '#c0d860',
}

RGB Array

[235, 61, 90], [248, 100, 86], [196, 196, 154], [168, 216, 144], [192, 216, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB3D5A, #F86456, #C4C49A, #A8D890, #C0D860 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: #eb3d5a; --color-2: #f86456; --color-3: #c4c49a; --color-4: #a8d890; --color-5: #c0d860. 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