← Back to Editor

#ED3C47 · #ED883B · #EDE13B · #37AB6B · #36539E

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

#ED3C47

Vermilion · Tomato · Passion Red

HEX
#ED3C47
RGB
rgb(237, 60, 71)
HSL
hsl(356, 83%, 58%)
HSB
hsb(356, 75%, 93%)
CMYK
cmyk(0%, 75%, 70%, 7%)
Oklch
oklch(62.7% 0.212 22.8)

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

#ED883B

Tangerine · Coral · Warm Sun

HEX
#ED883B
RGB
rgb(237, 136, 59)
HSL
hsl(26, 83%, 58%)
HSB
hsb(26, 75%, 93%)
CMYK
cmyk(0%, 43%, 75%, 7%)
Oklch
oklch(72.3% 0.152 54.4)

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

#EDE13B

Autumn Sage · Gold · Sunflower

HEX
#EDE13B
RGB
rgb(237, 225, 59)
HSL
hsl(56, 83%, 58%)
HSB
hsb(56, 75%, 93%)
CMYK
cmyk(0%, 5%, 75%, 7%)
Oklch
oklch(89.2% 0.174 105.1)

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

#37AB6B

Pine Green · MediumSeaGreen · Olive Green

HEX
#37AB6B
RGB
rgb(55, 171, 107)
HSL
hsl(147, 51%, 44%)
HSB
hsb(147, 68%, 67%)
CMYK
cmyk(68%, 0%, 37%, 33%)
Oklch
oklch(66.1% 0.141 155.0)

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

#36539E

Indigo · DarkSlateBlue · Navy Blue

HEX
#36539E
RGB
rgb(54, 83, 158)
HSL
hsl(223, 49%, 42%)
HSB
hsb(223, 66%, 62%)
CMYK
cmyk(66%, 47%, 0%, 38%)
Oklch
oklch(46.0% 0.126 265.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED3C47
3BEDE1

Analogous

ED3BA0
ED3C47
ED883B

Triadic

ED3C47
47ED3B
3B47ED

Split-Comp.

ED3C47
3BED88
3BA0ED

Tetradic

ED3C47
A0ED3B
3BEDE1
883BED

Contrast Matrix WCAG 2.1 Contrast

ED3C47
ED883B
EDE13B
37AB6B
36539E
—
1.5
Fail
2.9
Fail
1.3
Fail
1.8
Fail
1.5
Fail
—
1.9
Fail
1.1
Fail
2.8
Fail
2.9
Fail
1.9
Fail
—
2.1
Fail
5.3
AA
1.3
Fail
1.1
Fail
2.1
Fail
—
2.5
Fail
1.8
Fail
2.8
Fail
5.3
AA
2.5
Fail
—
White BG
3.9AA Large
2.6Fail
1.4Fail
2.9Fail
7.3AAA
Black BG
5.3AA
8.2AAA
15.4AAA
7.2AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F44
C1C04E
E8E863
696A7A
43438C

Deuteranopia

ABB844
C7CF52
E9E96D
635A7E
413F88

Tritanopia

E44242
E85C60
EC838A
3D8789
377E7A

Achromatopsia

727272
9D9D9D
D2D2D2
818181
535353

Shades & Tints Shades & Tints

#ED3C47

Dark
Light

#ED883B

Dark
Light

#EDE13B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed3c47;
  --color-2: #ed883b;
  --color-3: #ede13b;
  --color-4: #37ab6b;
  --color-5: #36539e;
}

SCSS

$color-1: #ed3c47;
$color-2: #ed883b;
$color-3: #ede13b;
$color-4: #37ab6b;
$color-5: #36539e;

TAILWIND

colors: {
  'brand-1': '#ed3c47',
  'brand-2': '#ed883b',
  'brand-3': '#ede13b',
  'brand-4': '#37ab6b',
  'brand-5': '#36539e',
}

RGB Array

[237, 60, 71], [237, 136, 59], [237, 225, 59], [55, 171, 107], [54, 83, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED3C47, #ED883B, #EDE13B, #37AB6B, #36539E 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: #ed3c47; --color-2: #ed883b; --color-3: #ede13b; --color-4: #37ab6b; --color-5: #36539e. 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