← Back to Editor

#EF9200 · #D21044 · #BF041D · #350D25 · #251112

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

#EF9200

Ochre · Orange · Amber Brown

HEX
#EF9200
RGB
rgb(239, 146, 0)
HSL
hsl(37, 100%, 47%)
HSB
hsb(37, 100%, 94%)
CMYK
cmyk(0%, 39%, 100%, 6%)
Oklch
oklch(74.0% 0.165 66.1)

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

#D21044

Dark Violet · Crimson · Camellia

HEX
#D21044
RGB
rgb(210, 16, 68)
HSL
hsl(344, 86%, 44%)
HSB
hsb(344, 92%, 82%)
CMYK
cmyk(0%, 92%, 68%, 18%)
Oklch
oklch(55.3% 0.215 16.3)

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

#BF041D

Vermilion · FireBrick · Wine Red

HEX
#BF041D
RGB
rgb(191, 4, 29)
HSL
hsl(352, 96%, 38%)
HSB
hsb(352, 98%, 75%)
CMYK
cmyk(0%, 98%, 85%, 25%)
Oklch
oklch(50.8% 0.204 25.4)

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

#350D25

Rose Purple · Black · Raspberry

HEX
#350D25
RGB
rgb(53, 13, 37)
HSL
hsl(324, 61%, 13%)
HSB
hsb(324, 75%, 21%)
CMYK
cmyk(0%, 75%, 30%, 79%)
Oklch
oklch(23.7% 0.071 346.9)

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

#251112

Crimson · Black · Deep Berry

HEX
#251112
RGB
rgb(37, 17, 18)
HSL
hsl(357, 37%, 11%)
HSB
hsb(357, 54%, 15%)
CMYK
cmyk(0%, 54%, 51%, 85%)
Oklch
oklch(20.7% 0.034 17.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF9200
005CF0

Analogous

F01C00
EF9200
D4F000

Triadic

EF9200
00F094
9400F0

Split-Comp.

EF9200
00D4F0
1C00F0

Tetradic

EF9200
00F01C
005CF0
F000D4

Contrast Matrix WCAG 2.1 Contrast

EF9200
D21044
BF041D
350D25
251112
—
2.3
Fail
2.7
Fail
7.1
AAA
7.5
AAA
2.3
Fail
—
1.2
Fail
3.2
AA Large
3.3
AA Large
2.7
Fail
1.2
Fail
—
2.6
Fail
2.8
Fail
7.1
AAA
3.2
AA Large
2.6
Fail
—
1.1
Fail
7.5
AAA
3.3
AA Large
2.8
Fail
1.1
Fail
—
White BG
2.4Fail
5.4AA
6.5AA
17.0AAA
18.0AAA
Black BG
8.8AAA
3.9AA Large
3.3AA Large
1.2Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C623
7E7C37
6E6C17
24231F
1C1C12

Deuteranopia

CCD32C
899834
798715
26291E
1E1F12

Tritanopia

EA3F45
C82D2B
B61211
331B1A
241212

Achromatopsia

9D9D9D
505050
3F3F3F
1C1C1C
171717

Shades & Tints Shades & Tints

#EF9200

Dark
Light

#D21044

Dark
Light

#BF041D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef9200;
  --color-2: #d21044;
  --color-3: #bf041d;
  --color-4: #350d25;
  --color-5: #251112;
}

SCSS

$color-1: #ef9200;
$color-2: #d21044;
$color-3: #bf041d;
$color-4: #350d25;
$color-5: #251112;

TAILWIND

colors: {
  'brand-1': '#ef9200',
  'brand-2': '#d21044',
  'brand-3': '#bf041d',
  'brand-4': '#350d25',
  'brand-5': '#251112',
}

RGB Array

[239, 146, 0], [210, 16, 68], [191, 4, 29], [53, 13, 37], [37, 17, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF9200, #D21044, #BF041D, #350D25, #251112 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: #ef9200; --color-2: #d21044; --color-3: #bf041d; --color-4: #350d25; --color-5: #251112. 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