← Back to Editor

#47092E · #CC2A43 · #BDB396 · #6E604F · #362B23

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#47092E

Rose Purple · Maroon · Raspberry

HEX
#47092E
RGB
rgb(71, 9, 46)
HSL
hsl(324, 78%, 16%)
HSB
hsb(324, 87%, 28%)
CMYK
cmyk(0%, 87%, 35%, 72%)
Oklch
oklch(27.2% 0.099 349.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#CC2A43

Vermilion · Crimson · Passion Red

HEX
#CC2A43
RGB
rgb(204, 42, 67)
HSL
hsl(351, 66%, 48%)
HSB
hsb(351, 79%, 80%)
CMYK
cmyk(0%, 79%, 67%, 20%)
Oklch
oklch(55.5% 0.196 18.8)

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

#BDB396

Ginger · Tan · Sunflower

HEX
#BDB396
RGB
rgb(189, 179, 150)
HSL
hsl(45, 23%, 66%)
HSB
hsb(45, 21%, 74%)
CMYK
cmyk(0%, 5%, 21%, 26%)
Oklch
oklch(76.7% 0.041 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#6E604F

Ochre · DimGray · Amber Brown

HEX
#6E604F
RGB
rgb(110, 96, 79)
HSL
hsl(33, 16%, 37%)
HSB
hsb(33, 28%, 43%)
CMYK
cmyk(0%, 13%, 28%, 57%)
Oklch
oklch(49.8% 0.032 72.4)

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

#362B23

Tangerine · DarkSlateGray · Cinnamon

HEX
#362B23
RGB
rgb(54, 43, 35)
HSL
hsl(25, 21%, 17%)
HSB
hsb(25, 35%, 21%)
CMYK
cmyk(0%, 20%, 35%, 79%)
Oklch
oklch(29.9% 0.021 57.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47092E
094922

Analogous

420949
47092E
49090F

Triadic

47092E
2F4909
092F49

Split-Comp.

47092E
0F4909
094942

Tetradic

47092E
494209
094922
090F49

Contrast Matrix WCAG 2.1 Contrast

47092E
CC2A43
BDB396
6E604F
362B23
—
3.0
Fail
7.5
AAA
2.6
Fail
1.1
Fail
3.0
Fail
—
2.5
Fail
1.2
Fail
2.6
Fail
7.5
AAA
2.5
Fail
—
2.9
Fail
6.6
AA
2.6
Fail
1.2
Fail
2.9
Fail
—
2.3
Fail
1.1
Fail
2.6
Fail
6.6
AA
2.3
Fail
—
White BG
15.6AAA
5.3AA
2.1Fail
6.1AA
13.8AAA
Black BG
1.3Fail
4.0AA Large
10.1AAA
3.4AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C25
86843D
B9B99D
686853
313125

Deuteranopia

303423
8F9B3C
B9BA9F
696A54
323325

Tritanopia

441E1C
C43837
BCA3A4
6D5657
352627

Achromatopsia

202020
5D5D5D
B3B3B3
626262
2D2D2D

Shades & Tints Shades & Tints

#47092E

Dark
Light

#CC2A43

Dark
Light

#BDB396

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47092e;
  --color-2: #cc2a43;
  --color-3: #bdb396;
  --color-4: #6e604f;
  --color-5: #362b23;
}

SCSS

$color-1: #47092e;
$color-2: #cc2a43;
$color-3: #bdb396;
$color-4: #6e604f;
$color-5: #362b23;

TAILWIND

colors: {
  'brand-1': '#47092e',
  'brand-2': '#cc2a43',
  'brand-3': '#bdb396',
  'brand-4': '#6e604f',
  'brand-5': '#362b23',
}

RGB Array

[71, 9, 46], [204, 42, 67], [189, 179, 150], [110, 96, 79], [54, 43, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47092E, #CC2A43, #BDB396, #6E604F, #362B23 is ideal for: tech websites, dark mode UIs, game UIs, 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: #47092e; --color-2: #cc2a43; --color-3: #bdb396; --color-4: #6e604f; --color-5: #362b23. 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 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