← Back to Editor

#B7000D · #430206 · #F28B15 · #5B6646 · #DF7412

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

#B7000D

Vermilion · FireBrick · Wine Red

HEX
#B7000D
RGB
rgb(183, 0, 13)
HSL
hsl(356, 100%, 36%)
HSB
hsb(356, 100%, 72%)
CMYK
cmyk(0%, 100%, 93%, 28%)
Oklch
oklch(49.0% 0.200 27.7)

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

#430206

Vermilion · Maroon · Deep Berry

HEX
#430206
RGB
rgb(67, 2, 6)
HSL
hsl(356, 94%, 14%)
HSB
hsb(356, 97%, 26%)
CMYK
cmyk(0%, 97%, 91%, 74%)
Oklch
oklch(24.4% 0.095 24.8)

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

#F28B15

Ginger · Orange · Warm Sun

HEX
#F28B15
RGB
rgb(242, 139, 21)
HSL
hsl(32, 89%, 52%)
HSB
hsb(32, 91%, 95%)
CMYK
cmyk(0%, 43%, 91%, 5%)
Oklch
oklch(73.2% 0.166 60.3)

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

#5B6646

Grass Green · DarkOliveGreen · Forest Green

HEX
#5B6646
RGB
rgb(91, 102, 70)
HSL
hsl(81, 19%, 34%)
HSB
hsb(81, 31%, 40%)
CMYK
cmyk(11%, 0%, 31%, 60%)
Oklch
oklch(49.2% 0.050 123.6)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#DF7412

Tangerine · Chocolate · Amber Brown

HEX
#DF7412
RGB
rgb(223, 116, 18)
HSL
hsl(29, 85%, 47%)
HSB
hsb(29, 92%, 87%)
CMYK
cmyk(0%, 48%, 92%, 13%)
Oklch
oklch(66.9% 0.163 54.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7000D
00B8AB

Analogous

B80068
B7000D
B85000

Triadic

B7000D
0CB800
000CB8

Split-Comp.

B7000D
00B850
0068B8

Tetradic

B7000D
68B800
00B8AB
5000B8

Contrast Matrix WCAG 2.1 Contrast

B7000D
430206
F28B15
5B6646
DF7412
—
2.4
Fail
2.8
Fail
1.1
Fail
2.2
Fail
2.4
Fail
—
6.8
AA
2.7
Fail
5.3
AA
2.8
Fail
6.8
AA
—
2.5
Fail
1.3
Fail
1.1
Fail
2.7
Fail
2.5
Fail
—
1.9
Fail
2.2
Fail
5.3
AA
1.3
Fail
1.9
Fail
—
White BG
7.0AA
16.8AAA
2.5Fail
6.1AA
3.2AA Large
Black BG
3.0AA Large
1.2Fail
8.5AAA
3.4AA Large
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

68660A
272605
C5C432
60604E
B1B02A

Deuteranopia

728009
2B3005
CBD338
5F5E50
B7BF2F

Tritanopia

AE0707
400404
ED484D
5C5455
DA3C41

Achromatopsia

383838
161616
9C9C9C
5F5F5F
898989

Shades & Tints Shades & Tints

#B7000D

Dark
Light

#430206

Dark
Light

#F28B15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7000d;
  --color-2: #430206;
  --color-3: #f28b15;
  --color-4: #5b6646;
  --color-5: #df7412;
}

SCSS

$color-1: #b7000d;
$color-2: #430206;
$color-3: #f28b15;
$color-4: #5b6646;
$color-5: #df7412;

TAILWIND

colors: {
  'brand-1': '#b7000d',
  'brand-2': '#430206',
  'brand-3': '#f28b15',
  'brand-4': '#5b6646',
  'brand-5': '#df7412',
}

RGB Array

[183, 0, 13], [67, 2, 6], [242, 139, 21], [91, 102, 70], [223, 116, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7000D, #430206, #F28B15, #5B6646, #DF7412 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: #b7000d; --color-2: #430206; --color-3: #f28b15; --color-4: #5b6646; --color-5: #df7412. 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