← Back to Editor

#83262E · #0A0B06 · #4E3904 · #715D06 · #C5B51A

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

#83262E

Crimson · Brown · Wine Red

HEX
#83262E
RGB
rgb(131, 38, 46)
HSL
hsl(355, 55%, 33%)
HSB
hsb(355, 71%, 51%)
CMYK
cmyk(0%, 71%, 65%, 49%)
Oklch
oklch(41.6% 0.127 19.9)

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

#0A0B06

Grass Green · Black · Dark Green

HEX
#0A0B06
RGB
rgb(10, 11, 6)
HSL
hsl(72, 29%, 3%)
HSB
hsb(72, 45%, 4%)
CMYK
cmyk(9%, 0%, 45%, 96%)
Oklch
oklch(14.6% 0.012 116.1)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#4E3904

Ochre · DarkOliveGreen · Amber Gold

HEX
#4E3904
RGB
rgb(78, 57, 4)
HSL
hsl(43, 90%, 16%)
HSB
hsb(43, 95%, 31%)
CMYK
cmyk(0%, 27%, 95%, 69%)
Oklch
oklch(35.9% 0.071 84.3)

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

#715D06

Ochre · Olive · Amber Gold

HEX
#715D06
RGB
rgb(113, 93, 6)
HSL
hsl(49, 90%, 23%)
HSB
hsb(49, 95%, 44%)
CMYK
cmyk(0%, 18%, 95%, 56%)
Oklch
oklch(48.4% 0.097 93.9)

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

#C5B51A

Autumn Sage · GoldenRod · Honey Gold

HEX
#C5B51A
RGB
rgb(197, 181, 26)
HSL
hsl(54, 77%, 44%)
HSB
hsb(54, 87%, 77%)
CMYK
cmyk(0%, 8%, 87%, 23%)
Oklch
oklch(76.3% 0.155 102.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

83262E
26827B

Analogous

82265C
83262E
824C26

Triadic

83262E
2E8226
262E82

Split-Comp.

83262E
26824C
265C82

Tetradic

83262E
5C8226
26827B
4C2682

Contrast Matrix WCAG 2.1 Contrast

83262E
0A0B06
4E3904
715D06
C5B51A
—
2.1
Fail
1.2
Fail
1.4
Fail
4.4
AA Large
2.1
Fail
—
1.8
Fail
3.1
AA Large
9.4
AAA
1.2
Fail
1.8
Fail
—
1.7
Fail
5.2
AA
1.4
Fail
3.1
AA Large
1.7
Fail
—
3.1
AA Large
4.4
AA Large
9.4
AAA
5.2
AA
3.1
AA Large
—
White BG
9.2AAA
19.7AAA
11.0AAA
6.4AA
2.1Fail
Black BG
2.3Fail
1.1Fail
1.9Fail
3.3AA Large
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A2C
0A0A07
454511
68681B
BEBE40

Deuteranopia

60672C
0A0A07
464814
6A6B20
BFC049

Tritanopia

7E2B2A
0A0808
4D1B1D
702C2F
C45D64

Achromatopsia

434343
0A0A0A
393939
595959
A8A8A8

Shades & Tints Shades & Tints

#83262E

Dark
Light

#0A0B06

Dark
Light

#4E3904

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #83262e;
  --color-2: #0a0b06;
  --color-3: #4e3904;
  --color-4: #715d06;
  --color-5: #c5b51a;
}

SCSS

$color-1: #83262e;
$color-2: #0a0b06;
$color-3: #4e3904;
$color-4: #715d06;
$color-5: #c5b51a;

TAILWIND

colors: {
  'brand-1': '#83262e',
  'brand-2': '#0a0b06',
  'brand-3': '#4e3904',
  'brand-4': '#715d06',
  'brand-5': '#c5b51a',
}

RGB Array

[131, 38, 46], [10, 11, 6], [78, 57, 4], [113, 93, 6], [197, 181, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #83262E, #0A0B06, #4E3904, #715D06, #C5B51A 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: #83262e; --color-2: #0a0b06; --color-3: #4e3904; --color-4: #715d06; --color-5: #c5b51a. 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