← Back to Editor

#19D486 · #D3E66A · #FFED7A · #FF8F57 · #EB6060

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

#19D486

Mineral Blue · MediumSpringGreen · Olive Green

HEX
#19D486
RGB
rgb(25, 212, 134)
HSL
hsl(155, 79%, 46%)
HSB
hsb(155, 88%, 83%)
CMYK
cmyk(88%, 0%, 37%, 17%)
Oklch
oklch(76.8% 0.177 157.6)

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

#D3E66A

Fresh Green · Khaki · Sunflower

HEX
#D3E66A
RGB
rgb(211, 230, 106)
HSL
hsl(69, 71%, 66%)
HSB
hsb(69, 54%, 90%)
CMYK
cmyk(8%, 0%, 54%, 10%)
Oklch
oklch(88.6% 0.150 116.8)

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

#FFED7A

Fresh Green · Khaki · Sunflower

HEX
#FFED7A
RGB
rgb(255, 237, 122)
HSL
hsl(52, 100%, 74%)
HSB
hsb(52, 52%, 100%)
CMYK
cmyk(0%, 7%, 52%, 0%)
Oklch
oklch(93.8% 0.137 100.5)

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

#FF8F57

Apricot · Coral · Warm Sun

HEX
#FF8F57
RGB
rgb(255, 143, 87)
HSL
hsl(20, 100%, 67%)
HSB
hsb(20, 66%, 100%)
CMYK
cmyk(0%, 44%, 66%, 0%)
Oklch
oklch(76.1% 0.153 46.1)

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

#EB6060

Peach Pink · Tomato · Coral Red

HEX
#EB6060
RGB
rgb(235, 96, 96)
HSL
hsl(0, 78%, 65%)
HSB
hsb(0, 59%, 92%)
CMYK
cmyk(0%, 59%, 59%, 8%)
Oklch
oklch(66.6% 0.173 23.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19D486
D21966

Analogous

19D228
19D486
19C3D2

Triadic

19D486
8519D2
D28519

Split-Comp.

19D486
D219C3
D22819

Tetradic

19D486
2819D2
D21966
C3D219

Contrast Matrix WCAG 2.1 Contrast

19D486
D3E66A
FFED7A
FF8F57
EB6060
—
1.4
Fail
1.6
Fail
1.2
Fail
1.7
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.9
Fail
2.8
Fail
1.2
Fail
1.6
Fail
1.9
Fail
—
1.5
Fail
1.7
Fail
2.4
Fail
2.8
Fail
1.5
Fail
—
White BG
1.9Fail
1.4Fail
1.2Fail
2.3Fail
3.3AA Large
Black BG
10.8AAA
15.3AAA
17.6AAA
9.3AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6C99
DBDB88
F7F796
CFCD65
AFAE60

Deuteranopia

5F519D
DAD98F
F8FA9D
D5DD68
B7C160

Tritanopia

22A8AB
D4A0A5
FEACB1
F96F72
E46060

Achromatopsia

939393
D2D2D2
E5E5E5
AAAAAA
8A8A8A

Shades & Tints Shades & Tints

#19D486

Dark
Light

#D3E66A

Dark
Light

#FFED7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19d486;
  --color-2: #d3e66a;
  --color-3: #ffed7a;
  --color-4: #ff8f57;
  --color-5: #eb6060;
}

SCSS

$color-1: #19d486;
$color-2: #d3e66a;
$color-3: #ffed7a;
$color-4: #ff8f57;
$color-5: #eb6060;

TAILWIND

colors: {
  'brand-1': '#19d486',
  'brand-2': '#d3e66a',
  'brand-3': '#ffed7a',
  'brand-4': '#ff8f57',
  'brand-5': '#eb6060',
}

RGB Array

[25, 212, 134], [211, 230, 106], [255, 237, 122], [255, 143, 87], [235, 96, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19D486, #D3E66A, #FFED7A, #FF8F57, #EB6060 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: #19d486; --color-2: #d3e66a; --color-3: #ffed7a; --color-4: #ff8f57; --color-5: #eb6060. 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