← Back to Editor

#5F0609 · #80191F · #D9252E · #C45F1F · #855B33

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

#5F0609

Vermilion · Maroon · Deep Berry

HEX
#5F0609
RGB
rgb(95, 6, 9)
HSL
hsl(358, 88%, 20%)
HSB
hsb(358, 94%, 37%)
CMYK
cmyk(0%, 94%, 91%, 63%)
Oklch
oklch(31.0% 0.120 26.7)

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

#80191F

Vermilion · Maroon · Wine Red

HEX
#80191F
RGB
rgb(128, 25, 31)
HSL
hsl(357, 67%, 30%)
HSB
hsb(357, 80%, 50%)
CMYK
cmyk(0%, 80%, 76%, 50%)
Oklch
oklch(39.4% 0.137 23.6)

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

#D9252E

Vermilion · Crimson · Passion Red

HEX
#D9252E
RGB
rgb(217, 37, 46)
HSL
hsl(357, 71%, 50%)
HSB
hsb(357, 83%, 85%)
CMYK
cmyk(0%, 83%, 79%, 15%)
Oklch
oklch(57.2% 0.212 25.3)

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

#C45F1F

Tangerine · Chocolate · Amber Brown

HEX
#C45F1F
RGB
rgb(196, 95, 31)
HSL
hsl(23, 73%, 45%)
HSB
hsb(23, 84%, 77%)
CMYK
cmyk(0%, 52%, 84%, 23%)
Oklch
oklch(59.9% 0.148 48.1)

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

#855B33

Tangerine · Sienna · Amber Brown

HEX
#855B33
RGB
rgb(133, 91, 51)
HSL
hsl(29, 45%, 36%)
HSB
hsb(29, 62%, 52%)
CMYK
cmyk(0%, 32%, 62%, 48%)
Oklch
oklch(50.7% 0.078 63.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F0609
06605D

Analogous

600636
5F0609
603006

Triadic

5F0609
096006
060960

Split-Comp.

5F0609
066030
063660

Tetradic

5F0609
366006
06605D
300660

Contrast Matrix WCAG 2.1 Contrast

5F0609
80191F
D9252E
C45F1F
855B33
—
1.4
Fail
2.8
Fail
3.3
AA Large
2.3
Fail
1.4
Fail
—
2.0
Fail
2.4
Fail
1.7
Fail
2.8
Fail
2.0
Fail
—
1.2
Fail
1.2
Fail
3.3
AA Large
2.4
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
1.7
Fail
1.2
Fail
1.4
Fail
—
White BG
13.8AAA
10.1AAA
4.9AA
4.2AA Large
5.9AA
Black BG
1.5Fail
2.1Fail
4.3AA Large
5.0AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

383808
53521E
8B892C
98972E
73723D

Deuteranopia

3E4408
59611D
96A32B
9EA632
75783F

Tritanopia

5B0808
7B1C1C
D02A2A
BF3B3D
834446

Achromatopsia

212121
383838
5C5C5C
767676
636363

Shades & Tints Shades & Tints

#5F0609

Dark
Light

#80191F

Dark
Light

#D9252E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f0609;
  --color-2: #80191f;
  --color-3: #d9252e;
  --color-4: #c45f1f;
  --color-5: #855b33;
}

SCSS

$color-1: #5f0609;
$color-2: #80191f;
$color-3: #d9252e;
$color-4: #c45f1f;
$color-5: #855b33;

TAILWIND

colors: {
  'brand-1': '#5f0609',
  'brand-2': '#80191f',
  'brand-3': '#d9252e',
  'brand-4': '#c45f1f',
  'brand-5': '#855b33',
}

RGB Array

[95, 6, 9], [128, 25, 31], [217, 37, 46], [196, 95, 31], [133, 91, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5F0609, #80191F, #D9252E, #C45F1F, #855B33 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: #5f0609; --color-2: #80191f; --color-3: #d9252e; --color-4: #c45f1f; --color-5: #855b33. 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