← Back to Editor

#B26014 · #810124 · #1D0C05 · #185567 · #988916

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B26014

Tangerine · Sienna · Amber Brown

HEX
#B26014
RGB
rgb(178, 96, 20)
HSL
hsl(29, 80%, 39%)
HSB
hsb(29, 89%, 70%)
CMYK
cmyk(0%, 46%, 89%, 30%)
Oklch
oklch(57.4% 0.133 56.1)

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

#810124

Dark Violet · Maroon · Raspberry

HEX
#810124
RGB
rgb(129, 1, 36)
HSL
hsl(344, 98%, 25%)
HSB
hsb(344, 99%, 51%)
CMYK
cmyk(0%, 99%, 72%, 49%)
Oklch
oklch(38.3% 0.153 16.9)

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

#1D0C05

Tangerine · Black · Cinnamon

HEX
#1D0C05
RGB
rgb(29, 12, 5)
HSL
hsl(18, 71%, 7%)
HSB
hsb(18, 83%, 11%)
CMYK
cmyk(0%, 59%, 83%, 89%)
Oklch
oklch(17.8% 0.033 45.3)

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

#185567

Lake Blue · DarkSlateGray · Peacock Green

HEX
#185567
RGB
rgb(24, 85, 103)
HSL
hsl(194, 62%, 25%)
HSB
hsb(194, 77%, 40%)
CMYK
cmyk(77%, 17%, 0%, 60%)
Oklch
oklch(42.0% 0.067 221.7)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#988916

Autumn Sage · Olive · Honey Gold

HEX
#988916
RGB
rgb(152, 137, 22)
HSL
hsl(53, 75%, 34%)
HSB
hsb(53, 86%, 60%)
CMYK
cmyk(0%, 10%, 86%, 40%)
Oklch
oklch(62.5% 0.124 101.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B26014
1466B3

Analogous

B31417
B26014
B3B014

Triadic

B26014
14B361
6114B3

Split-Comp.

B26014
14B3B0
1417B3

Tetradic

B26014
17B314
1466B3
B014B3

Contrast Matrix WCAG 2.1 Contrast

B26014
810124
1D0C05
185567
988916
—
2.3
Fail
4.1
AA Large
1.8
Fail
1.3
Fail
2.3
Fail
—
1.8
Fail
1.3
Fail
3.0
AA Large
4.1
AA Large
1.8
Fail
—
2.3
Fail
5.4
AA
1.8
Fail
1.3
Fail
2.3
Fail
—
2.3
Fail
1.3
Fail
3.0
AA Large
5.4
AA
2.3
Fail
—
White BG
4.6AA
10.7AAA
19.0AAA
8.3AAA
3.5AA Large
Black BG
4.6AA
2.0Fail
1.1Fail
2.5Fail
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E26
4A481C
161507
323363
929132

Deuteranopia

93992B
515B1A
171807
2F2A62
929439

Tritanopia

AE3538
7B1513
1C0808
1B5F5E
97484D

Achromatopsia

707070
2B2B2B
101010
454545
808080

Shades & Tints Shades & Tints

#B26014

Dark
Light

#810124

Dark
Light

#1D0C05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b26014;
  --color-2: #810124;
  --color-3: #1d0c05;
  --color-4: #185567;
  --color-5: #988916;
}

SCSS

$color-1: #b26014;
$color-2: #810124;
$color-3: #1d0c05;
$color-4: #185567;
$color-5: #988916;

TAILWIND

colors: {
  'brand-1': '#b26014',
  'brand-2': '#810124',
  'brand-3': '#1d0c05',
  'brand-4': '#185567',
  'brand-5': '#988916',
}

RGB Array

[178, 96, 20], [129, 1, 36], [29, 12, 5], [24, 85, 103], [152, 137, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B26014, #810124, #1D0C05, #185567, #988916 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: #b26014; --color-2: #810124; --color-3: #1d0c05; --color-4: #185567; --color-5: #988916. 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