← Back to Editor

#0F0E0A · #300D0B · #560004 · #79080A · #BE0610

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

#0F0E0A

Ochre · Black · Amber Gold

HEX
#0F0E0A
RGB
rgb(15, 14, 10)
HSL
hsl(48, 20%, 5%)
HSB
hsb(48, 33%, 6%)
CMYK
cmyk(0%, 7%, 33%, 94%)
Oklch
oklch(16.3% 0.008 95.5)

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

#300D0B

Vermilion · Black · Deep Berry

HEX
#300D0B
RGB
rgb(48, 13, 11)
HSL
hsl(3, 63%, 12%)
HSB
hsb(3, 77%, 19%)
CMYK
cmyk(0%, 73%, 77%, 81%)
Oklch
oklch(21.8% 0.058 26.3)

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

#560004

Vermilion · Maroon · Deep Berry

HEX
#560004
RGB
rgb(86, 0, 4)
HSL
hsl(357, 100%, 17%)
HSB
hsb(357, 100%, 34%)
CMYK
cmyk(0%, 100%, 95%, 66%)
Oklch
oklch(28.5% 0.116 26.9)

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

#79080A

Vermilion · Maroon · Wine Red

HEX
#79080A
RGB
rgb(121, 8, 10)
HSL
hsl(359, 88%, 25%)
HSB
hsb(359, 93%, 47%)
CMYK
cmyk(0%, 93%, 92%, 53%)
Oklch
oklch(36.7% 0.143 27.7)

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

#BE0610

Vermilion · FireBrick · Wine Red

HEX
#BE0610
RGB
rgb(190, 6, 16)
HSL
hsl(357, 94%, 38%)
HSB
hsb(357, 97%, 75%)
CMYK
cmyk(0%, 97%, 92%, 25%)
Oklch
oklch(50.6% 0.204 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0F0E0A
0A0B0F

Analogous

0F0C0A
0F0E0A
0E0F0A

Triadic

0F0E0A
0A0F0E
0E0A0F

Split-Comp.

0F0E0A
0A0E0F
0C0A0F

Tetradic

0F0E0A
0A0F0C
0A0B0F
0F0A0E

Contrast Matrix WCAG 2.1 Contrast

0F0E0A
300D0B
560004
79080A
BE0610
—
1.1
Fail
1.3
Fail
1.7
Fail
3.0
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.7
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
3.0
Fail
2.7
Fail
2.3
Fail
1.7
Fail
—
White BG
19.3AAA
17.7AAA
15.0AAA
11.3AAA
6.5AA
Black BG
1.1Fail
1.2Fail
1.4Fail
1.9Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F0B
21210B
313003
48470A
6E6D0E

Deuteranopia

0F0F0B
23250C
363C03
4F5709
79870D

Tritanopia

0F0C0C
2E0C0C
520202
730909
B50C0B

Achromatopsia

0E0E0E
171717
1A1A1A
2A2A2A
3E3E3E

Shades & Tints Shades & Tints

#0F0E0A

Dark
Light

#300D0B

Dark
Light

#560004

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0f0e0a;
  --color-2: #300d0b;
  --color-3: #560004;
  --color-4: #79080a;
  --color-5: #be0610;
}

SCSS

$color-1: #0f0e0a;
$color-2: #300d0b;
$color-3: #560004;
$color-4: #79080a;
$color-5: #be0610;

TAILWIND

colors: {
  'brand-1': '#0f0e0a',
  'brand-2': '#300d0b',
  'brand-3': '#560004',
  'brand-4': '#79080a',
  'brand-5': '#be0610',
}

RGB Array

[15, 14, 10], [48, 13, 11], [86, 0, 4], [121, 8, 10], [190, 6, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0F0E0A, #300D0B, #560004, #79080A, #BE0610 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: #0f0e0a; --color-2: #300d0b; --color-3: #560004; --color-4: #79080a; --color-5: #be0610. 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