← Back to Editor

#50ABD2 · #78B653 · #CAD04F · #ED913D · #E8182E

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

#50ABD2

Lake Blue · MediumTurquoise · Lake Green

HEX
#50ABD2
RGB
rgb(80, 171, 210)
HSL
hsl(198, 59%, 57%)
HSB
hsb(198, 62%, 82%)
CMYK
cmyk(62%, 19%, 0%, 18%)
Oklch
oklch(70.1% 0.103 229.0)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#78B653

Celadon · DarkSeaGreen · Olive Green

HEX
#78B653
RGB
rgb(120, 182, 83)
HSL
hsl(98, 40%, 52%)
HSB
hsb(98, 54%, 71%)
CMYK
cmyk(34%, 0%, 54%, 29%)
Oklch
oklch(71.2% 0.147 135.2)

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

#CAD04F

Autumn Sage · SandyBrown · Sunflower

HEX
#CAD04F
RGB
rgb(202, 208, 79)
HSL
hsl(63, 58%, 56%)
HSB
hsb(63, 62%, 82%)
CMYK
cmyk(3%, 0%, 62%, 18%)
Oklch
oklch(82.9% 0.150 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#ED913D

Tangerine · Coral · Warm Sun

HEX
#ED913D
RGB
rgb(237, 145, 61)
HSL
hsl(29, 83%, 58%)
HSB
hsb(29, 74%, 93%)
CMYK
cmyk(0%, 39%, 74%, 7%)
Oklch
oklch(73.9% 0.147 59.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E8182E

Vermilion · Crimson · Passion Red

HEX
#E8182E
RGB
rgb(232, 24, 46)
HSL
hsl(354, 82%, 50%)
HSB
hsb(354, 90%, 91%)
CMYK
cmyk(0%, 90%, 80%, 9%)
Oklch
oklch(59.3% 0.231 24.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

50ABD2
D27751

Analogous

51D2B8
50ABD2
516BD2

Triadic

50ABD2
D251AB
ABD251

Split-Comp.

50ABD2
D2516B
D2B851

Tetradic

50ABD2
B851D2
D27751
6BD251

Contrast Matrix WCAG 2.1 Contrast

50ABD2
78B653
CAD04F
ED913D
E8182E
—
1.1
Fail
1.6
Fail
1.1
Fail
1.8
Fail
1.1
Fail
—
1.5
Fail
1.0
Fail
1.9
Fail
1.6
Fail
1.5
Fail
—
1.5
Fail
2.7
Fail
1.1
Fail
1.0
Fail
1.5
Fail
—
1.9
Fail
1.8
Fail
1.9
Fail
2.7
Fail
1.9
Fail
—
White BG
2.6Fail
2.4Fail
1.7Fail
2.4Fail
4.6AA
Black BG
8.1AAA
8.6AAA
12.6AAA
8.7AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7778C9
93936B
CDCD6E
C5C451
8E8C29

Deuteranopia

726BC6
8F8B71
CCCC76
CBD156
9AAA27

Tritanopia

55C1BF
7B7E82
CA878C
E86165
DE2424

Achromatopsia

949494
989898
BFBFBF
A3A3A3
595959

Shades & Tints Shades & Tints

#50ABD2

Dark
Light

#78B653

Dark
Light

#CAD04F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #50abd2;
  --color-2: #78b653;
  --color-3: #cad04f;
  --color-4: #ed913d;
  --color-5: #e8182e;
}

SCSS

$color-1: #50abd2;
$color-2: #78b653;
$color-3: #cad04f;
$color-4: #ed913d;
$color-5: #e8182e;

TAILWIND

colors: {
  'brand-1': '#50abd2',
  'brand-2': '#78b653',
  'brand-3': '#cad04f',
  'brand-4': '#ed913d',
  'brand-5': '#e8182e',
}

RGB Array

[80, 171, 210], [120, 182, 83], [202, 208, 79], [237, 145, 61], [232, 24, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #50ABD2, #78B653, #CAD04F, #ED913D, #E8182E 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: #50abd2; --color-2: #78b653; --color-3: #cad04f; --color-4: #ed913d; --color-5: #e8182e. 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