← Back to Editor

#493A0F · #2B1E0E · #E48907 · #2F0005 · #5A0E1B

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 App

Color Details Color Details

#493A0F

Ochre · DarkOliveGreen · Amber Gold

HEX
#493A0F
RGB
rgb(73, 58, 15)
HSL
hsl(44, 66%, 17%)
HSB
hsb(44, 79%, 29%)
CMYK
cmyk(0%, 21%, 79%, 71%)
Oklch
oklch(35.6% 0.062 89.2)

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

#2B1E0E

Ochre · Black · Cinnamon

HEX
#2B1E0E
RGB
rgb(43, 30, 14)
HSL
hsl(33, 51%, 11%)
HSB
hsb(33, 67%, 17%)
CMYK
cmyk(0%, 30%, 67%, 83%)
Oklch
oklch(24.7% 0.034 70.9)

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

#E48907

Ochre · GoldenRod · Amber Brown

HEX
#E48907
RGB
rgb(228, 137, 7)
HSL
hsl(35, 94%, 46%)
HSB
hsb(35, 97%, 89%)
CMYK
cmyk(0%, 40%, 97%, 11%)
Oklch
oklch(71.1% 0.159 64.6)

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

#2F0005

Vermilion · Black · Deep Berry

HEX
#2F0005
RGB
rgb(47, 0, 5)
HSL
hsl(354, 100%, 9%)
HSB
hsb(354, 100%, 18%)
CMYK
cmyk(0%, 100%, 89%, 82%)
Oklch
oklch(19.3% 0.078 20.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#5A0E1B

Vermilion · Maroon · Deep Berry

HEX
#5A0E1B
RGB
rgb(90, 14, 27)
HSL
hsl(350, 73%, 20%)
HSB
hsb(350, 84%, 35%)
CMYK
cmyk(0%, 84%, 70%, 65%)
Oklch
oklch(30.8% 0.107 17.4)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

493A0F
0F1E48

Analogous

481C0F
493A0F
3B480F

Triadic

493A0F
0F4839
390F48

Split-Comp.

493A0F
0F3B48
1C0F48

Tetradic

493A0F
0F481C
0F1E48
480F3B

Contrast Matrix WCAG 2.1 Contrast

493A0F
2B1E0E
E48907
2F0005
5A0E1B
—
1.5
Fail
4.2
AA Large
1.7
Fail
1.3
Fail
1.5
Fail
—
6.1
AA
1.2
Fail
1.2
Fail
4.2
AA Large
6.1
AA
—
7.0
AAA
5.2
AA
1.7
Fail
1.2
Fail
7.0
AAA
—
1.3
Fail
1.3
Fail
1.2
Fail
5.2
AA
1.3
Fail
—
White BG
11.1AAA
16.2AAA
2.7Fail
18.7AAA
13.9AAA
Black BG
1.9Fail
1.3Fail
7.9AAA
1.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

434219
252512
BDBC26
1B1A04
393818

Deuteranopia

43451C
262713
C2C92E
1D2104
3E4317

Tritanopia

482223
2A1516
DF3F45
2D0303
561515

Achromatopsia

3A3A3A
202020
959595
0F0F0F
262626

Shades & Tints Shades & Tints

#493A0F

Dark
Light

#2B1E0E

Dark
Light

#E48907

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #493a0f;
  --color-2: #2b1e0e;
  --color-3: #e48907;
  --color-4: #2f0005;
  --color-5: #5a0e1b;
}

SCSS

$color-1: #493a0f;
$color-2: #2b1e0e;
$color-3: #e48907;
$color-4: #2f0005;
$color-5: #5a0e1b;

TAILWIND

colors: {
  'brand-1': '#493a0f',
  'brand-2': '#2b1e0e',
  'brand-3': '#e48907',
  'brand-4': '#2f0005',
  'brand-5': '#5a0e1b',
}

RGB Array

[73, 58, 15], [43, 30, 14], [228, 137, 7], [47, 0, 5], [90, 14, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #493A0F, #2B1E0E, #E48907, #2F0005, #5A0E1B 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: #493a0f; --color-2: #2b1e0e; --color-3: #e48907; --color-4: #2f0005; --color-5: #5a0e1b. 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