← Back to Editor

#130900 · #822116 · #C26829 · #D6AC6A · #AB942C

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 AppData Visualization

Color Details Color Details

#130900

Tangerine · Black · Cinnamon

HEX
#130900
RGB
rgb(19, 9, 0)
HSL
hsl(28, 100%, 4%)
HSB
hsb(28, 100%, 7%)
CMYK
cmyk(0%, 53%, 100%, 93%)
Oklch
oklch(15.1% 0.032 75.0)

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

#822116

Vermilion · Maroon · Wine Red

HEX
#822116
RGB
rgb(130, 33, 22)
HSL
hsl(6, 71%, 30%)
HSB
hsb(6, 83%, 51%)
CMYK
cmyk(0%, 75%, 83%, 49%)
Oklch
oklch(40.5% 0.134 30.2)

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

#C26829

Tangerine · Chocolate · Amber Brown

HEX
#C26829
RGB
rgb(194, 104, 41)
HSL
hsl(25, 65%, 46%)
HSB
hsb(25, 79%, 76%)
CMYK
cmyk(0%, 46%, 79%, 24%)
Oklch
oklch(61.1% 0.137 51.7)

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

#D6AC6A

Ginger · BurlyWood · Warm Sun

HEX
#D6AC6A
RGB
rgb(214, 172, 106)
HSL
hsl(37, 57%, 63%)
HSB
hsb(37, 50%, 84%)
CMYK
cmyk(0%, 20%, 50%, 16%)
Oklch
oklch(76.8% 0.097 77.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#AB942C

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB942C
RGB
rgb(171, 148, 44)
HSL
hsl(49, 59%, 42%)
HSB
hsb(49, 74%, 67%)
CMYK
cmyk(0%, 13%, 74%, 33%)
Oklch
oklch(66.9% 0.122 96.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

130900
000B14

Analogous

140001
130900
141400

Triadic

130900
00140A
0A0014

Split-Comp.

130900
001414
000114

Tetradic

130900
011400
000B14
140014

Contrast Matrix WCAG 2.1 Contrast

130900
822116
C26829
D6AC6A
AB942C
—
2.0
Fail
5.0
AA
9.3
AAA
6.6
AA
2.0
Fail
—
2.4
Fail
4.6
AA
3.2
AA Large
5.0
AA
2.4
Fail
—
1.9
Fail
1.3
Fail
9.3
AAA
4.6
AA
1.9
Fail
—
1.4
Fail
6.6
AA
3.2
AA Large
1.3
Fail
1.4
Fail
—
White BG
19.7AAA
9.6AAA
4.0AA Large
2.1Fail
3.0Fail
Black BG
1.1Fail
2.2Fail
5.3AA
10.0AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F02
585719
9B9A38
C4C37A
A1A145

Deuteranopia

0F1003
5E6519
A0A73C
C6C97E
A2A44B

Tritanopia

130404
7D1B1B
BD4447
D48789
AA595D

Achromatopsia

0B0B0B
3D3D3D
7C7C7C
B1B1B1
8F8F8F

Shades & Tints Shades & Tints

#130900

Dark
Light

#822116

Dark
Light

#C26829

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #130900;
  --color-2: #822116;
  --color-3: #c26829;
  --color-4: #d6ac6a;
  --color-5: #ab942c;
}

SCSS

$color-1: #130900;
$color-2: #822116;
$color-3: #c26829;
$color-4: #d6ac6a;
$color-5: #ab942c;

TAILWIND

colors: {
  'brand-1': '#130900',
  'brand-2': '#822116',
  'brand-3': '#c26829',
  'brand-4': '#d6ac6a',
  'brand-5': '#ab942c',
}

RGB Array

[19, 9, 0], [130, 33, 22], [194, 104, 41], [214, 172, 106], [171, 148, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #130900, #822116, #C26829, #D6AC6A, #AB942C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #130900; --color-2: #822116; --color-3: #c26829; --color-4: #d6ac6a; --color-5: #ab942c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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