← Back to Editor

#36241B · #911615 · #5A633B · #EBB792 · #8F80AD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#36241B

Tangerine · DarkSlateGray · Cinnamon

HEX
#36241B
RGB
rgb(54, 36, 27)
HSL
hsl(20, 33%, 16%)
HSB
hsb(20, 50%, 21%)
CMYK
cmyk(0%, 33%, 50%, 79%)
Oklch
oklch(28.0% 0.032 47.5)

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

#911615

Vermilion · DarkRed · Wine Red

HEX
#911615
RGB
rgb(145, 22, 21)
HSL
hsl(0, 75%, 33%)
HSB
hsb(0, 86%, 57%)
CMYK
cmyk(0%, 85%, 86%, 43%)
Oklch
oklch(42.4% 0.158 27.6)

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

#5A633B

Grass Green · DarkOliveGreen · Forest Green

HEX
#5A633B
RGB
rgb(90, 99, 59)
HSL
hsl(73, 25%, 31%)
HSB
hsb(73, 40%, 39%)
CMYK
cmyk(9%, 0%, 40%, 61%)
Oklch
oklch(48.1% 0.061 119.1)

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

#EBB792

Apricot · BurlyWood · Warm Sun

HEX
#EBB792
RGB
rgb(235, 183, 146)
HSL
hsl(25, 69%, 75%)
HSB
hsb(25, 38%, 92%)
CMYK
cmyk(0%, 22%, 38%, 8%)
Oklch
oklch(81.8% 0.078 56.8)

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

#8F80AD

Deep Indigo · LightSlateGray · Violet

HEX
#8F80AD
RGB
rgb(143, 128, 173)
HSL
hsl(260, 22%, 59%)
HSB
hsb(260, 26%, 68%)
CMYK
cmyk(17%, 26%, 0%, 32%)
Oklch
oklch(63.0% 0.069 299.7)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

36241B
1B2D36

Analogous

361B20
36241B
36321B

Triadic

36241B
1B3624
241B36

Split-Comp.

36241B
1B3632
1B2036

Tetradic

36241B
20361B
1B2D36
321B36

Contrast Matrix WCAG 2.1 Contrast

36241B
911615
5A633B
EBB792
8F80AD
—
1.6
Fail
2.3
Fail
8.2
AAA
4.1
AA Large
1.6
Fail
—
1.4
Fail
5.0
AA
2.5
Fail
2.3
Fail
1.4
Fail
—
3.6
AA Large
1.8
Fail
8.2
AAA
5.0
AA
3.6
AA Large
—
2.0
Fail
4.1
AA Large
2.5
Fail
1.8
Fail
2.0
Fail
—
White BG
14.7AAA
9.0AAA
6.4AA
1.8Fail
3.6AA Large
Black BG
1.4Fail
2.3Fail
3.3AA Large
11.7AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E1D
5C5B15
5E5E45
D4D49B
8988A2

Deuteranopia

2F311E
636C15
5D5D47
D8DB9D
898BA0

Tritanopia

351F1F
8B1515
5A4C4E
E8A2A4
8E9A98

Achromatopsia

282828
3B3B3B
5C5C5C
C2C2C2
8A8A8A

Shades & Tints Shades & Tints

#36241B

Dark
Light

#911615

Dark
Light

#5A633B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #36241b;
  --color-2: #911615;
  --color-3: #5a633b;
  --color-4: #ebb792;
  --color-5: #8f80ad;
}

SCSS

$color-1: #36241b;
$color-2: #911615;
$color-3: #5a633b;
$color-4: #ebb792;
$color-5: #8f80ad;

TAILWIND

colors: {
  'brand-1': '#36241b',
  'brand-2': '#911615',
  'brand-3': '#5a633b',
  'brand-4': '#ebb792',
  'brand-5': '#8f80ad',
}

RGB Array

[54, 36, 27], [145, 22, 21], [90, 99, 59], [235, 183, 146], [143, 128, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #36241B, #911615, #5A633B, #EBB792, #8F80AD is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #36241b; --color-2: #911615; --color-3: #5a633b; --color-4: #ebb792; --color-5: #8f80ad. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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