← Back to Editor

#42143B · #E6BD5A · #C60F65 · #E3934C · #966909

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 AppData Visualization

Color Details Color Details

#42143B

Rose Purple · DarkSlateGray · Dark Purple

HEX
#42143B
RGB
rgb(66, 20, 59)
HSL
hsl(309, 53%, 17%)
HSB
hsb(309, 70%, 26%)
CMYK
cmyk(0%, 70%, 11%, 74%)
Oklch
oklch(28.2% 0.089 334.1)

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

#E6BD5A

Ginger · SandyBrown · Sunflower

HEX
#E6BD5A
RGB
rgb(230, 189, 90)
HSL
hsl(42, 74%, 63%)
HSB
hsb(42, 61%, 90%)
CMYK
cmyk(0%, 18%, 61%, 10%)
Oklch
oklch(81.6% 0.126 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C60F65

Dark Violet · MediumVioletRed · Camellia

HEX
#C60F65
RGB
rgb(198, 15, 101)
HSL
hsl(332, 86%, 42%)
HSB
hsb(332, 92%, 78%)
CMYK
cmyk(0%, 92%, 49%, 22%)
Oklch
oklch(53.8% 0.211 1.8)

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

#E3934C

Tangerine · SandyBrown · Warm Sun

HEX
#E3934C
RGB
rgb(227, 147, 76)
HSL
hsl(28, 73%, 59%)
HSB
hsb(28, 67%, 89%)
CMYK
cmyk(0%, 35%, 67%, 11%)
Oklch
oklch(73.1% 0.130 60.1)

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

#966909

Ochre · Olive · Honey Gold

HEX
#966909
RGB
rgb(150, 105, 9)
HSL
hsl(41, 89%, 31%)
HSB
hsb(41, 94%, 59%)
CMYK
cmyk(0%, 30%, 94%, 41%)
Oklch
oklch(55.4% 0.113 78.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42143B
14421B

Analogous

321442
42143B
421424

Triadic

42143B
3B4214
143B42

Split-Comp.

42143B
244214
144232

Tetradic

42143B
423214
14421B
142442

Contrast Matrix WCAG 2.1 Contrast

42143B
E6BD5A
C60F65
E3934C
966909
—
8.5
AAA
2.6
Fail
6.1
AA
3.1
AA Large
8.5
AAA
—
3.2
AA Large
1.4
Fail
2.7
Fail
2.6
Fail
3.2
AA Large
—
2.3
Fail
1.2
Fail
6.1
AA
1.4
Fail
2.3
Fail
—
2.0
Fail
3.1
AA Large
2.7
Fail
1.2
Fail
2.0
Fail
—
White BG
15.1AAA
1.8Fail
5.7AA
2.5Fail
4.9AA
Black BG
1.4Fail
11.8AAA
3.7AA Large
8.5AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E32
D4D472
777550
C0C05D
838220

Deuteranopia

31342F
D7DA78
818F4B
C5CB61
858926

Tritanopia

402A28
E48589
BD403C
DF6B6E
943337

Achromatopsia

262626
BEBEBE
505050
A3A3A3
6C6C6C

Shades & Tints Shades & Tints

#42143B

Dark
Light

#E6BD5A

Dark
Light

#C60F65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42143b;
  --color-2: #e6bd5a;
  --color-3: #c60f65;
  --color-4: #e3934c;
  --color-5: #966909;
}

SCSS

$color-1: #42143b;
$color-2: #e6bd5a;
$color-3: #c60f65;
$color-4: #e3934c;
$color-5: #966909;

TAILWIND

colors: {
  'brand-1': '#42143b',
  'brand-2': '#e6bd5a',
  'brand-3': '#c60f65',
  'brand-4': '#e3934c',
  'brand-5': '#966909',
}

RGB Array

[66, 20, 59], [230, 189, 90], [198, 15, 101], [227, 147, 76], [150, 105, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42143B, #E6BD5A, #C60F65, #E3934C, #966909 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #42143b; --color-2: #e6bd5a; --color-3: #c60f65; --color-4: #e3934c; --color-5: #966909. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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