← Back to Editor

#19A479 · #DA3C54 · #60CA7D · #E59D5F · #EEAF6E

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

#19A479

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#19A479
RGB
rgb(25, 164, 121)
HSL
hsl(161, 74%, 37%)
HSB
hsb(161, 85%, 64%)
CMYK
cmyk(85%, 0%, 26%, 36%)
Oklch
oklch(63.9% 0.128 165.5)

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

#DA3C54

Vermilion · Crimson · Passion Red

HEX
#DA3C54
RGB
rgb(218, 60, 84)
HSL
hsl(351, 68%, 55%)
HSB
hsb(351, 72%, 85%)
CMYK
cmyk(0%, 72%, 61%, 15%)
Oklch
oklch(59.7% 0.194 17.0)

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

#60CA7D

Celadon · MediumSeaGreen · Olive Green

HEX
#60CA7D
RGB
rgb(96, 202, 125)
HSL
hsl(136, 50%, 58%)
HSB
hsb(136, 52%, 79%)
CMYK
cmyk(52%, 0%, 38%, 21%)
Oklch
oklch(75.7% 0.148 150.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E59D5F

Apricot · SandyBrown · Warm Sun

HEX
#E59D5F
RGB
rgb(229, 157, 95)
HSL
hsl(28, 72%, 64%)
HSB
hsb(28, 59%, 90%)
CMYK
cmyk(0%, 31%, 59%, 10%)
Oklch
oklch(75.4% 0.116 60.4)

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

#EEAF6E

Ginger · SandyBrown · Warm Sun

HEX
#EEAF6E
RGB
rgb(238, 175, 110)
HSL
hsl(30, 79%, 68%)
HSB
hsb(30, 54%, 93%)
CMYK
cmyk(0%, 26%, 54%, 7%)
Oklch
oklch(79.9% 0.110 66.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19A479
A41945

Analogous

19A432
19A479
198BA4

Triadic

19A479
7819A4
A47819

Split-Comp.

19A479
A4198B
A43219

Tetradic

19A479
3219A4
A41945
8BA419

Contrast Matrix WCAG 2.1 Contrast

19A479
DA3C54
60CA7D
E59D5F
EEAF6E
—
1.4
Fail
1.5
Fail
1.4
Fail
1.7
Fail
1.4
Fail
—
2.2
Fail
2.0
Fail
2.3
Fail
1.5
Fail
2.2
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.3
Fail
1.1
Fail
1.2
Fail
—
White BG
3.2AA Large
4.4AA Large
2.1Fail
2.3Fail
1.9Fail
Black BG
6.6AA
4.8AA
10.2AAA
9.3AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555683
96944E
8E8F90
C6C56E
D3D27E

Deuteranopia

4D4386
9FAB4D
888094
CACF72
D6DB82

Tritanopia

208C8D
D24A49
659EA2
E17A7C
EB8A8D

Achromatopsia

767676
6E6E6E
A2A2A2
ABABAB
BABABA

Shades & Tints Shades & Tints

#19A479

Dark
Light

#DA3C54

Dark
Light

#60CA7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19a479;
  --color-2: #da3c54;
  --color-3: #60ca7d;
  --color-4: #e59d5f;
  --color-5: #eeaf6e;
}

SCSS

$color-1: #19a479;
$color-2: #da3c54;
$color-3: #60ca7d;
$color-4: #e59d5f;
$color-5: #eeaf6e;

TAILWIND

colors: {
  'brand-1': '#19a479',
  'brand-2': '#da3c54',
  'brand-3': '#60ca7d',
  'brand-4': '#e59d5f',
  'brand-5': '#eeaf6e',
}

RGB Array

[25, 164, 121], [218, 60, 84], [96, 202, 125], [229, 157, 95], [238, 175, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19A479, #DA3C54, #60CA7D, #E59D5F, #EEAF6E 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: #19a479; --color-2: #da3c54; --color-3: #60ca7d; --color-4: #e59d5f; --color-5: #eeaf6e. 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