← Back to Editor

#ADA857 · #ED8719 · #F2542D · #EC1F3E · #6C235C

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

#ADA857

Autumn Sage · Tan · Sunflower

HEX
#ADA857
RGB
rgb(173, 168, 87)
HSL
hsl(57, 34%, 51%)
HSB
hsb(57, 50%, 68%)
CMYK
cmyk(0%, 3%, 50%, 32%)
Oklch
oklch(71.8% 0.104 105.6)

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

#ED8719

Ginger · GoldenRod · Warm Sun

HEX
#ED8719
RGB
rgb(237, 135, 25)
HSL
hsl(31, 85%, 51%)
HSB
hsb(31, 89%, 93%)
CMYK
cmyk(0%, 43%, 89%, 7%)
Oklch
oklch(71.9% 0.163 59.4)

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

#F2542D

Vermilion · Tomato · Passion Red

HEX
#F2542D
RGB
rgb(242, 84, 45)
HSL
hsl(12, 88%, 56%)
HSB
hsb(12, 81%, 95%)
CMYK
cmyk(0%, 65%, 81%, 5%)
Oklch
oklch(65.6% 0.201 34.8)

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

#EC1F3E

Vermilion · Crimson · Passion Red

HEX
#EC1F3E
RGB
rgb(236, 31, 62)
HSL
hsl(351, 84%, 52%)
HSB
hsb(351, 87%, 93%)
CMYK
cmyk(0%, 87%, 74%, 7%)
Oklch
oklch(60.5% 0.231 21.5)

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

#6C235C

Rose Purple · Purple · Eggplant

HEX
#6C235C
RGB
rgb(108, 35, 92)
HSL
hsl(313, 51%, 28%)
HSB
hsb(313, 68%, 42%)
CMYK
cmyk(0%, 68%, 15%, 58%)
Oklch
oklch(38.9% 0.125 337.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADA857
585CAD

Analogous

AD7E58
ADA857
86AD58

Triadic

ADA857
58ADA8
A858AD

Split-Comp.

ADA857
5886AD
7E58AD

Tetradic

ADA857
58AD7E
585CAD
AD5886

Contrast Matrix WCAG 2.1 Contrast

ADA857
ED8719
F2542D
EC1F3E
6C235C
—
1.1
Fail
1.4
Fail
1.8
Fail
4.2
AA Large
1.1
Fail
—
1.3
Fail
1.7
Fail
4.0
AA Large
1.4
Fail
1.3
Fail
—
1.3
Fail
3.0
Fail
1.8
Fail
1.7
Fail
1.3
Fail
—
2.4
Fail
4.2
AA Large
4.0
AA Large
3.0
Fail
2.4
Fail
—
White BG
2.5Fail
2.6Fail
3.5AA Large
4.3AA Large
10.3AAA
Black BG
8.5AAA
8.1AAA
6.1AA
4.8AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB6B
C1C034
AEAC36
939136
4C4C4E

Deuteranopia

ABAC6F
C7CE3A
B7C339
9FAF35
51564B

Tritanopia

AD7A7D
E8494D
EA3E40
E2312F
684341

Achromatopsia

A0A0A0
999999
7F7F7F
606060
3F3F3F

Shades & Tints Shades & Tints

#ADA857

Dark
Light

#ED8719

Dark
Light

#F2542D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ada857;
  --color-2: #ed8719;
  --color-3: #f2542d;
  --color-4: #ec1f3e;
  --color-5: #6c235c;
}

SCSS

$color-1: #ada857;
$color-2: #ed8719;
$color-3: #f2542d;
$color-4: #ec1f3e;
$color-5: #6c235c;

TAILWIND

colors: {
  'brand-1': '#ada857',
  'brand-2': '#ed8719',
  'brand-3': '#f2542d',
  'brand-4': '#ec1f3e',
  'brand-5': '#6c235c',
}

RGB Array

[173, 168, 87], [237, 135, 25], [242, 84, 45], [236, 31, 62], [108, 35, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADA857, #ED8719, #F2542D, #EC1F3E, #6C235C 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: #ada857; --color-2: #ed8719; --color-3: #f2542d; --color-4: #ec1f3e; --color-5: #6c235c. 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