← Back to Editor

#960B47 · #D90045 · #DE7F12 · #FFE500 · #E39D4D

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

#960B47

Dark Violet · Brown · Camellia

HEX
#960B47
RGB
rgb(150, 11, 71)
HSL
hsl(334, 86%, 32%)
HSB
hsb(334, 93%, 59%)
CMYK
cmyk(0%, 93%, 53%, 41%)
Oklch
oklch(43.8% 0.170 4.0)

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

#D90045

Dark Violet · Crimson · Camellia

HEX
#D90045
RGB
rgb(217, 0, 69)
HSL
hsl(341, 100%, 43%)
HSB
hsb(341, 100%, 85%)
CMYK
cmyk(0%, 100%, 68%, 15%)
Oklch
oklch(56.2% 0.225 16.1)

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

#DE7F12

Ochre · Chocolate · Amber Brown

HEX
#DE7F12
RGB
rgb(222, 127, 18)
HSL
hsl(32, 85%, 47%)
HSB
hsb(32, 92%, 87%)
CMYK
cmyk(0%, 43%, 92%, 13%)
Oklch
oklch(68.6% 0.156 60.3)

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

#FFE500

Autumn Sage · Gold · Honey Gold

HEX
#FFE500
RGB
rgb(255, 229, 0)
HSL
hsl(54, 100%, 50%)
HSB
hsb(54, 100%, 100%)
CMYK
cmyk(0%, 10%, 100%, 0%)
Oklch
oklch(91.5% 0.191 101.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E39D4D

Ginger · SandyBrown · Warm Sun

HEX
#E39D4D
RGB
rgb(227, 157, 77)
HSL
hsl(32, 73%, 60%)
HSB
hsb(32, 66%, 89%)
CMYK
cmyk(0%, 31%, 66%, 11%)
Oklch
oklch(75.0% 0.127 67.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

960B47
0B985B

Analogous

980B8E
960B47
98150B

Triadic

960B47
48980B
0B4898

Split-Comp.

960B47
0B9815
0B8E98

Tetradic

960B47
8E980B
0B985B
150B98

Contrast Matrix WCAG 2.1 Contrast

960B47
D90045
DE7F12
FFE500
E39D4D
—
1.7
Fail
2.9
Fail
6.8
AA
3.8
AA Large
1.7
Fail
—
1.8
Fail
4.1
AA Large
2.3
Fail
2.9
Fail
1.8
Fail
—
2.3
Fail
1.3
Fail
6.8
AA
4.1
AA Large
2.3
Fail
—
1.8
Fail
3.8
AA Large
2.3
Fail
1.3
Fail
1.8
Fail
—
White BG
8.6AAA
5.2AA
2.9Fail
1.3Fail
2.3Fail
Black BG
2.4Fail
4.0AA Large
7.2AAA
16.5AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5938
7B7934
B5B42C
F4F437
C5C460

Deuteranopia

626C35
889830
BAC133
F5F745
C9CE65

Tritanopia

8F2D2B
CE2724
D94146
FE636D
DF7073

Achromatopsia

3B3B3B
494949
8F8F8F
D3D3D3
A9A9A9

Shades & Tints Shades & Tints

#960B47

Dark
Light

#D90045

Dark
Light

#DE7F12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #960b47;
  --color-2: #d90045;
  --color-3: #de7f12;
  --color-4: #ffe500;
  --color-5: #e39d4d;
}

SCSS

$color-1: #960b47;
$color-2: #d90045;
$color-3: #de7f12;
$color-4: #ffe500;
$color-5: #e39d4d;

TAILWIND

colors: {
  'brand-1': '#960b47',
  'brand-2': '#d90045',
  'brand-3': '#de7f12',
  'brand-4': '#ffe500',
  'brand-5': '#e39d4d',
}

RGB Array

[150, 11, 71], [217, 0, 69], [222, 127, 18], [255, 229, 0], [227, 157, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #960B47, #D90045, #DE7F12, #FFE500, #E39D4D 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: #960b47; --color-2: #d90045; --color-3: #de7f12; --color-4: #ffe500; --color-5: #e39d4d. 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