← Back to Editor

#911E67 · #C0315D · #D45D33 · #E2822E · #E5BA46

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

#911E67

Rose Purple · Purple · Camellia

HEX
#911E67
RGB
rgb(145, 30, 103)
HSL
hsl(322, 66%, 34%)
HSB
hsb(322, 79%, 57%)
CMYK
cmyk(0%, 79%, 29%, 43%)
Oklch
oklch(45.2% 0.165 347.0)

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

#C0315D

Dark Violet · MediumVioletRed · Camellia

HEX
#C0315D
RGB
rgb(192, 49, 93)
HSL
hsl(342, 59%, 47%)
HSB
hsb(342, 74%, 75%)
CMYK
cmyk(0%, 74%, 52%, 25%)
Oklch
oklch(54.5% 0.180 7.4)

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

#D45D33

Tangerine · Chocolate · Warm Sun

HEX
#D45D33
RGB
rgb(212, 93, 51)
HSL
hsl(16, 65%, 52%)
HSB
hsb(16, 76%, 83%)
CMYK
cmyk(0%, 56%, 76%, 17%)
Oklch
oklch(62.1% 0.161 39.2)

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

#E2822E

Tangerine · Chocolate · Warm Sun

HEX
#E2822E
RGB
rgb(226, 130, 46)
HSL
hsl(28, 76%, 53%)
HSB
hsb(28, 80%, 89%)
CMYK
cmyk(0%, 42%, 80%, 11%)
Oklch
oklch(69.8% 0.150 56.9)

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

#E5BA46

Ginger · SandyBrown · Sunflower

HEX
#E5BA46
RGB
rgb(229, 186, 70)
HSL
hsl(44, 75%, 59%)
HSB
hsb(44, 69%, 90%)
CMYK
cmyk(0%, 19%, 69%, 10%)
Oklch
oklch(80.7% 0.139 88.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

911E67
1D9047

Analogous

811D90
911E67
901D2D

Triadic

911E67
66901D
1D6690

Split-Comp.

911E67
2D901D
1D9081

Tetradic

911E67
90811D
1D9047
1D2D90

Contrast Matrix WCAG 2.1 Contrast

911E67
C0315D
D45D33
E2822E
E5BA46
—
1.5
Fail
2.1
Fail
2.9
Fail
4.4
AA Large
1.5
Fail
—
1.4
Fail
1.9
Fail
3.0
Fail
2.1
Fail
1.4
Fail
—
1.4
Fail
2.1
Fail
2.9
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
4.4
AA Large
3.0
Fail
2.1
Fail
1.5
Fail
—
White BG
8.1AAA
5.5AA
3.9AA Large
2.8Fail
1.8Fail
Black BG
2.6Fail
3.8AA Large
5.4AA
7.5AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E55
828152
A09F3D
B8B842
D2D262

Deuteranopia

666F51
8A9550
A7B040
BEC547
D5D869

Tritanopia

8B4744
B94A48
CE4547
DD5256
E3787D

Achromatopsia

494949
616161
7C7C7C
959595
BABABA

Shades & Tints Shades & Tints

#911E67

Dark
Light

#C0315D

Dark
Light

#D45D33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #911e67;
  --color-2: #c0315d;
  --color-3: #d45d33;
  --color-4: #e2822e;
  --color-5: #e5ba46;
}

SCSS

$color-1: #911e67;
$color-2: #c0315d;
$color-3: #d45d33;
$color-4: #e2822e;
$color-5: #e5ba46;

TAILWIND

colors: {
  'brand-1': '#911e67',
  'brand-2': '#c0315d',
  'brand-3': '#d45d33',
  'brand-4': '#e2822e',
  'brand-5': '#e5ba46',
}

RGB Array

[145, 30, 103], [192, 49, 93], [212, 93, 51], [226, 130, 46], [229, 186, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #911E67, #C0315D, #D45D33, #E2822E, #E5BA46 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: #911e67; --color-2: #c0315d; --color-3: #d45d33; --color-4: #e2822e; --color-5: #e5ba46. 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