← Back to Editor

#DE6F00 · #592D32 · #E3001A · #DE3000 · #C92C00

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

#DE6F00

Ochre · Chocolate · Amber Brown

HEX
#DE6F00
RGB
rgb(222, 111, 0)
HSL
hsl(30, 100%, 44%)
HSB
hsb(30, 100%, 87%)
CMYK
cmyk(0%, 50%, 100%, 13%)
Oklch
oklch(66.0% 0.167 53.2)

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

#592D32

Crimson · DarkSlateGray · Wine Red

HEX
#592D32
RGB
rgb(89, 45, 50)
HSL
hsl(353, 33%, 26%)
HSB
hsb(353, 49%, 35%)
CMYK
cmyk(0%, 49%, 44%, 65%)
Oklch
oklch(35.6% 0.065 13.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#E3001A

Vermilion · Red · Passion Red

HEX
#E3001A
RGB
rgb(227, 0, 26)
HSL
hsl(353, 100%, 45%)
HSB
hsb(353, 100%, 89%)
CMYK
cmyk(0%, 100%, 89%, 11%)
Oklch
oklch(57.6% 0.235 26.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#DE3000

Vermilion · OrangeRed · Passion Red

HEX
#DE3000
RGB
rgb(222, 48, 0)
HSL
hsl(13, 100%, 44%)
HSB
hsb(13, 100%, 87%)
CMYK
cmyk(0%, 78%, 100%, 13%)
Oklch
oklch(58.6% 0.214 33.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#C92C00

Vermilion · FireBrick · Wine Red

HEX
#C92C00
RGB
rgb(201, 44, 0)
HSL
hsl(13, 100%, 39%)
HSB
hsb(13, 100%, 79%)
CMYK
cmyk(0%, 78%, 100%, 21%)
Oklch
oklch(54.5% 0.198 33.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE6F00
0070E0

Analogous

E00000
DE6F00
E0E000

Triadic

DE6F00
00E070
7000E0

Split-Comp.

DE6F00
00E0E0
0000E0

Tetradic

DE6F00
00E000
0070E0
E000E0

Contrast Matrix WCAG 2.1 Contrast

DE6F00
592D32
E3001A
DE3000
C92C00
—
3.5
AA Large
1.5
Fail
1.4
Fail
1.7
Fail
3.5
AA Large
—
2.3
Fail
2.5
Fail
2.1
Fail
1.5
Fail
2.3
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
2.5
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.1
Fail
1.1
Fail
1.2
Fail
—
White BG
3.3AA Large
11.4AAA
4.9AA
4.6AA
5.5AA
Black BG
6.4AA
1.8Fail
4.3AA Large
4.5AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD1B
464631
817F14
93910C
85840B

Deuteranopia

B4BD21
494C31
8E9F12
9DAA0E
8E9A0D

Tritanopia

D83035
573030
D80F0E
D51517
C11315

Achromatopsia

848484
3B3B3B
474747
5F5F5F
565656

Shades & Tints Shades & Tints

#DE6F00

Dark
Light

#592D32

Dark
Light

#E3001A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de6f00;
  --color-2: #592d32;
  --color-3: #e3001a;
  --color-4: #de3000;
  --color-5: #c92c00;
}

SCSS

$color-1: #de6f00;
$color-2: #592d32;
$color-3: #e3001a;
$color-4: #de3000;
$color-5: #c92c00;

TAILWIND

colors: {
  'brand-1': '#de6f00',
  'brand-2': '#592d32',
  'brand-3': '#e3001a',
  'brand-4': '#de3000',
  'brand-5': '#c92c00',
}

RGB Array

[222, 111, 0], [89, 45, 50], [227, 0, 26], [222, 48, 0], [201, 44, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE6F00, #592D32, #E3001A, #DE3000, #C92C00 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #de6f00; --color-2: #592d32; --color-3: #e3001a; --color-4: #de3000; --color-5: #c92c00. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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