← Back to Editor

#422931 · #960B5E · #E0045C · #F44645 · #E87400

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

#422931

Dark Violet · DarkSlateGray · Raspberry

HEX
#422931
RGB
rgb(66, 41, 49)
HSL
hsl(341, 23%, 21%)
HSB
hsb(341, 38%, 26%)
CMYK
cmyk(0%, 38%, 26%, 74%)
Oklch
oklch(31.5% 0.039 358.8)

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

#960B5E

Rose Purple · Purple · Camellia

HEX
#960B5E
RGB
rgb(150, 11, 94)
HSL
hsl(324, 86%, 32%)
HSB
hsb(324, 93%, 59%)
CMYK
cmyk(0%, 93%, 37%, 41%)
Oklch
oklch(44.6% 0.178 352.2)

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

#E0045C

Dark Violet · Crimson · Camellia

HEX
#E0045C
RGB
rgb(224, 4, 92)
HSL
hsl(336, 96%, 45%)
HSB
hsb(336, 98%, 88%)
CMYK
cmyk(0%, 98%, 59%, 12%)
Oklch
oklch(58.1% 0.231 9.5)

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

#F44645

Peach Pink · Tomato · Coral Red

HEX
#F44645
RGB
rgb(244, 70, 69)
HSL
hsl(0, 89%, 61%)
HSB
hsb(0, 72%, 96%)
CMYK
cmyk(0%, 71%, 72%, 4%)
Oklch
oklch(64.7% 0.211 25.6)

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

#E87400

Ochre · Chocolate · Amber Brown

HEX
#E87400
RGB
rgb(232, 116, 0)
HSL
hsl(30, 100%, 45%)
HSB
hsb(30, 100%, 91%)
CMYK
cmyk(0%, 50%, 100%, 9%)
Oklch
oklch(68.2% 0.173 53.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

422931
29423A

Analogous

42293D
422931
422E29

Triadic

422931
314229
293142

Split-Comp.

422931
29422E
293D42

Tetradic

422931
3D4229
29423A
2E2942

Contrast Matrix WCAG 2.1 Contrast

422931
960B5E
E0045C
F44645
E87400
—
1.6
Fail
2.7
Fail
3.6
AA Large
4.3
AA Large
1.6
Fail
—
1.7
Fail
2.3
Fail
2.8
Fail
2.7
Fail
1.7
Fail
—
1.3
Fail
1.6
Fail
3.6
AA Large
2.3
Fail
1.3
Fail
—
1.2
Fail
4.3
AA Large
2.8
Fail
1.6
Fail
1.2
Fail
—
White BG
13.2AAA
8.4AAA
4.8AA
3.6AA Large
3.0AA Large
Black BG
1.6Fail
2.5Fail
4.3AA Large
5.8AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37372F
5A594A
817F47
A9A745
B6B51C

Deuteranopia

393A2F
626C45
8E9E42
B3C045
BDC523

Tritanopia

412E2D
8F3A37
D53632
EB4545
E23237

Achromatopsia

313131
3E3E3E
505050
7A7A7A
898989

Shades & Tints Shades & Tints

#422931

Dark
Light

#960B5E

Dark
Light

#E0045C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #422931;
  --color-2: #960b5e;
  --color-3: #e0045c;
  --color-4: #f44645;
  --color-5: #e87400;
}

SCSS

$color-1: #422931;
$color-2: #960b5e;
$color-3: #e0045c;
$color-4: #f44645;
$color-5: #e87400;

TAILWIND

colors: {
  'brand-1': '#422931',
  'brand-2': '#960b5e',
  'brand-3': '#e0045c',
  'brand-4': '#f44645',
  'brand-5': '#e87400',
}

RGB Array

[66, 41, 49], [150, 11, 94], [224, 4, 92], [244, 70, 69], [232, 116, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #422931, #960B5E, #E0045C, #F44645, #E87400 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: #422931; --color-2: #960b5e; --color-3: #e0045c; --color-4: #f44645; --color-5: #e87400. 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