← Back to Editor

#EC9965 · #DC6E53 · #D45242 · #A5263B · #881F40

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

#EC9965

Apricot · SandyBrown · Warm Sun

HEX
#EC9965
RGB
rgb(236, 153, 101)
HSL
hsl(23, 78%, 66%)
HSB
hsb(23, 57%, 93%)
CMYK
cmyk(0%, 35%, 57%, 7%)
Oklch
oklch(75.6% 0.121 52.1)

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

#DC6E53

Vermilion · Tomato · Passion Red

HEX
#DC6E53
RGB
rgb(220, 110, 83)
HSL
hsl(12, 66%, 59%)
HSB
hsb(12, 62%, 86%)
CMYK
cmyk(0%, 50%, 62%, 14%)
Oklch
oklch(66.2% 0.144 34.9)

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

#D45242

Vermilion · Chocolate · Passion Red

HEX
#D45242
RGB
rgb(212, 82, 66)
HSL
hsl(7, 63%, 55%)
HSB
hsb(7, 69%, 83%)
CMYK
cmyk(0%, 61%, 69%, 17%)
Oklch
oklch(60.8% 0.167 29.7)

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

#A5263B

Vermilion · Brown · Wine Red

HEX
#A5263B
RGB
rgb(165, 38, 59)
HSL
hsl(350, 63%, 40%)
HSB
hsb(350, 77%, 65%)
CMYK
cmyk(0%, 77%, 64%, 35%)
Oklch
oklch(48.0% 0.162 17.0)

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

#881F40

Dark Violet · Brown · Camellia

HEX
#881F40
RGB
rgb(136, 31, 64)
HSL
hsl(341, 63%, 33%)
HSB
hsb(341, 77%, 53%)
CMYK
cmyk(0%, 77%, 53%, 47%)
Oklch
oklch(42.2% 0.141 7.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC9965
65B8EC

Analogous

EC6574
EC9965
ECDC65

Triadic

EC9965
65EC99
9965EC

Split-Comp.

EC9965
65ECDC
6574EC

Tetradic

EC9965
74EC65
65B8EC
DC65EC

Contrast Matrix WCAG 2.1 Contrast

EC9965
DC6E53
D45242
A5263B
881F40
—
1.5
Fail
1.8
Fail
3.2
AA Large
4.0
AA Large
1.5
Fail
—
1.3
Fail
2.2
Fail
2.8
Fail
1.8
Fail
1.3
Fail
—
1.7
Fail
2.2
Fail
3.2
AA Large
2.2
Fail
1.7
Fail
—
1.3
Fail
4.0
AA Large
2.8
Fail
2.2
Fail
1.3
Fail
—
White BG
2.3Fail
3.3AA Large
4.1AA Large
7.1AAA
9.1AAA
Black BG
9.3AAA
6.4AA
5.1AA
2.9Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C772
ACAB5A
9C9B46
6E6D36
5B5A38

Deuteranopia

CDD375
B3BB5B
A3AD47
757F35
616836

Tritanopia

E87C7E
D75F60
CD494A
9F3231
833230

Achromatopsia

ACACAC
8C8C8C
777777
4E4E4E
424242

Shades & Tints Shades & Tints

#EC9965

Dark
Light

#DC6E53

Dark
Light

#D45242

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec9965;
  --color-2: #dc6e53;
  --color-3: #d45242;
  --color-4: #a5263b;
  --color-5: #881f40;
}

SCSS

$color-1: #ec9965;
$color-2: #dc6e53;
$color-3: #d45242;
$color-4: #a5263b;
$color-5: #881f40;

TAILWIND

colors: {
  'brand-1': '#ec9965',
  'brand-2': '#dc6e53',
  'brand-3': '#d45242',
  'brand-4': '#a5263b',
  'brand-5': '#881f40',
}

RGB Array

[236, 153, 101], [220, 110, 83], [212, 82, 66], [165, 38, 59], [136, 31, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC9965, #DC6E53, #D45242, #A5263B, #881F40 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: #ec9965; --color-2: #dc6e53; --color-3: #d45242; --color-4: #a5263b; --color-5: #881f40. 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