← Back to Editor

#261C10 · #93040A · #A81410 · #BC231B · #59472F

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

#261C10

Ochre · Black · Cinnamon

HEX
#261C10
RGB
rgb(38, 28, 16)
HSL
hsl(33, 41%, 11%)
HSB
hsb(33, 58%, 15%)
CMYK
cmyk(0%, 26%, 58%, 85%)
Oklch
oklch(23.5% 0.026 71.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#93040A

Vermilion · DarkRed · Wine Red

HEX
#93040A
RGB
rgb(147, 4, 10)
HSL
hsl(357, 95%, 30%)
HSB
hsb(357, 97%, 58%)
CMYK
cmyk(0%, 97%, 93%, 42%)
Oklch
oklch(41.9% 0.169 27.8)

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

#A81410

Vermilion · FireBrick · Wine Red

HEX
#A81410
RGB
rgb(168, 20, 16)
HSL
hsl(2, 83%, 36%)
HSB
hsb(2, 90%, 66%)
CMYK
cmyk(0%, 88%, 90%, 34%)
Oklch
oklch(46.8% 0.180 28.7)

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

#BC231B

Vermilion · FireBrick · Passion Red

HEX
#BC231B
RGB
rgb(188, 35, 27)
HSL
hsl(3, 75%, 42%)
HSB
hsb(3, 86%, 74%)
CMYK
cmyk(0%, 81%, 86%, 26%)
Oklch
oklch(51.5% 0.189 28.9)

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

#59472F

Ochre · DarkOliveGreen · Amber Brown

HEX
#59472F
RGB
rgb(89, 71, 47)
HSL
hsl(34, 31%, 27%)
HSB
hsb(34, 47%, 35%)
CMYK
cmyk(0%, 20%, 47%, 65%)
Oklch
oklch(41.0% 0.044 74.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261C10
111B28

Analogous

281211
261C10
262811

Triadic

261C10
11281D
1D1128

Split-Comp.

261C10
112628
121128

Tetradic

261C10
112812
111B28
281126

Contrast Matrix WCAG 2.1 Contrast

261C10
93040A
A81410
BC231B
59472F
—
1.8
Fail
2.2
Fail
2.7
Fail
1.9
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
1.0
Fail
2.2
Fail
1.2
Fail
—
1.2
Fail
1.2
Fail
2.7
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.0
Fail
1.2
Fail
1.4
Fail
—
White BG
16.7AAA
9.3AAA
7.6AAA
6.2AA
8.9AAA
Black BG
1.3Fail
2.3Fail
2.8Fail
3.4AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

222213
555409
686711
7A781D
515135

Deuteranopia

222314
5D6808
717C11
838E1D
525436

Tritanopia

261516
8C0707
A11212
B41E1F
58393A

Achromatopsia

1E1E1E
2F2F2F
404040
505050
4A4A4A

Shades & Tints Shades & Tints

#261C10

Dark
Light

#93040A

Dark
Light

#A81410

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261c10;
  --color-2: #93040a;
  --color-3: #a81410;
  --color-4: #bc231b;
  --color-5: #59472f;
}

SCSS

$color-1: #261c10;
$color-2: #93040a;
$color-3: #a81410;
$color-4: #bc231b;
$color-5: #59472f;

TAILWIND

colors: {
  'brand-1': '#261c10',
  'brand-2': '#93040a',
  'brand-3': '#a81410',
  'brand-4': '#bc231b',
  'brand-5': '#59472f',
}

RGB Array

[38, 28, 16], [147, 4, 10], [168, 20, 16], [188, 35, 27], [89, 71, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261C10, #93040A, #A81410, #BC231B, #59472F 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: #261c10; --color-2: #93040a; --color-3: #a81410; --color-4: #bc231b; --color-5: #59472f. 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