← Back to Editor

#99266B · #A83078 · #C93466 · #D86060 · #E87E54

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

#99266B

Rose Purple · Purple · Camellia

HEX
#99266B
RGB
rgb(153, 38, 107)
HSL
hsl(324, 60%, 37%)
HSB
hsb(324, 75%, 60%)
CMYK
cmyk(0%, 75%, 30%, 40%)
Oklch
oklch(47.4% 0.165 348.5)

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

#A83078

Rose Purple · MediumVioletRed · Camellia

HEX
#A83078
RGB
rgb(168, 48, 120)
HSL
hsl(324, 56%, 42%)
HSB
hsb(324, 71%, 66%)
CMYK
cmyk(0%, 71%, 29%, 34%)
Oklch
oklch(51.3% 0.171 348.0)

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

#C93466

Dark Violet · MediumVioletRed · Camellia

HEX
#C93466
RGB
rgb(201, 52, 102)
HSL
hsl(340, 59%, 50%)
HSB
hsb(340, 74%, 79%)
CMYK
cmyk(0%, 74%, 49%, 21%)
Oklch
oklch(56.5% 0.187 5.5)

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

#D86060

Peach Pink · Tomato · Coral Red

HEX
#D86060
RGB
rgb(216, 96, 96)
HSL
hsl(0, 61%, 61%)
HSB
hsb(0, 56%, 85%)
CMYK
cmyk(0%, 56%, 56%, 15%)
Oklch
oklch(63.8% 0.152 22.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E87E54

Apricot · Coral · Warm Sun

HEX
#E87E54
RGB
rgb(232, 126, 84)
HSL
hsl(17, 76%, 62%)
HSB
hsb(17, 64%, 91%)
CMYK
cmyk(0%, 46%, 64%, 9%)
Oklch
oklch(70.3% 0.143 41.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99266B
269753

Analogous

8C2697
99266B
972631

Triadic

99266B
6A9726
266A97

Split-Comp.

99266B
319726
26978C

Tetradic

99266B
978C26
269753
263197

Contrast Matrix WCAG 2.1 Contrast

99266B
A83078
C93466
D86060
E87E54
—
1.2
Fail
1.5
Fail
2.0
Fail
2.7
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.2
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.7
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
White BG
7.4AAA
6.3AA
5.0AA
3.6AA Large
2.8Fail
Black BG
2.8Fail
3.4AA Large
4.2AA Large
5.8AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

67665A
747367
88875A
A4A360
BAB95E

Deuteranopia

6E7756
7B8462
919C57
ABB460
C0C861

Tritanopia

934D4A
A25956
C2504E
D26060
E36668

Achromatopsia

505050
5C5C5C
666666
848484
999999

Shades & Tints Shades & Tints

#99266B

Dark
Light

#A83078

Dark
Light

#C93466

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99266b;
  --color-2: #a83078;
  --color-3: #c93466;
  --color-4: #d86060;
  --color-5: #e87e54;
}

SCSS

$color-1: #99266b;
$color-2: #a83078;
$color-3: #c93466;
$color-4: #d86060;
$color-5: #e87e54;

TAILWIND

colors: {
  'brand-1': '#99266b',
  'brand-2': '#a83078',
  'brand-3': '#c93466',
  'brand-4': '#d86060',
  'brand-5': '#e87e54',
}

RGB Array

[153, 38, 107], [168, 48, 120], [201, 52, 102], [216, 96, 96], [232, 126, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99266B, #A83078, #C93466, #D86060, #E87E54 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: #99266b; --color-2: #a83078; --color-3: #c93466; --color-4: #d86060; --color-5: #e87e54. 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