← Back to Editor

#B48527 · #C54E52 · #98092B · #6C0E3F · #443414

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

#B48527

Ochre · DarkGoldenRod · Honey Gold

HEX
#B48527
RGB
rgb(180, 133, 39)
HSL
hsl(40, 64%, 43%)
HSB
hsb(40, 78%, 71%)
CMYK
cmyk(0%, 26%, 78%, 29%)
Oklch
oklch(64.7% 0.120 80.2)

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

#C54E52

Crimson · Sienna · Passion Red

HEX
#C54E52
RGB
rgb(197, 78, 82)
HSL
hsl(358, 51%, 54%)
HSB
hsb(358, 60%, 77%)
CMYK
cmyk(0%, 60%, 58%, 23%)
Oklch
oklch(58.2% 0.152 21.2)

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

#98092B

Vermilion · Brown · Wine Red

HEX
#98092B
RGB
rgb(152, 9, 43)
HSL
hsl(346, 89%, 32%)
HSB
hsb(346, 94%, 60%)
CMYK
cmyk(0%, 94%, 72%, 40%)
Oklch
oklch(43.4% 0.169 18.1)

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

#6C0E3F

Rose Purple · Brown · Raspberry

HEX
#6C0E3F
RGB
rgb(108, 14, 63)
HSL
hsl(329, 77%, 24%)
HSB
hsb(329, 87%, 42%)
CMYK
cmyk(0%, 87%, 42%, 58%)
Oklch
oklch(35.6% 0.133 355.3)

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

#443414

Ochre · DarkOliveGreen · Amber Gold

HEX
#443414
RGB
rgb(68, 52, 20)
HSL
hsl(40, 55%, 17%)
HSB
hsb(40, 71%, 27%)
CMYK
cmyk(0%, 24%, 71%, 73%)
Oklch
oklch(33.5% 0.052 82.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B48527
2756B4

Analogous

B43F27
B48527
9CB427

Triadic

B48527
27B485
8527B4

Split-Comp.

B48527
279CB4
3F27B4

Tetradic

B48527
27B43F
2756B4
B4279C

Contrast Matrix WCAG 2.1 Contrast

B48527
C54E52
98092B
6C0E3F
443414
—
1.4
Fail
2.6
Fail
3.6
AA Large
3.6
AA Large
1.4
Fail
—
1.9
Fail
2.6
Fail
2.6
Fail
2.6
Fail
1.9
Fail
—
1.4
Fail
1.4
Fail
3.6
AA Large
2.6
Fail
1.4
Fail
—
1.0
Fail
3.6
AA Large
2.6
Fail
1.4
Fail
1.0
Fail
—
White BG
3.3AA Large
4.6AA
8.7AAA
11.8AAA
12.0AAA
Black BG
6.3AA
4.6AA
2.4Fail
1.8Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F3E
919051
5A5923
434233
3D3D1C

Deuteranopia

A2A643
98A151
626D21
495030
3E3F1E

Tritanopia

B25054
BF5050
911C1B
672A28
432223

Achromatopsia

888888
727272
383838
303030
353535

Shades & Tints Shades & Tints

#B48527

Dark
Light

#C54E52

Dark
Light

#98092B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b48527;
  --color-2: #c54e52;
  --color-3: #98092b;
  --color-4: #6c0e3f;
  --color-5: #443414;
}

SCSS

$color-1: #b48527;
$color-2: #c54e52;
$color-3: #98092b;
$color-4: #6c0e3f;
$color-5: #443414;

TAILWIND

colors: {
  'brand-1': '#b48527',
  'brand-2': '#c54e52',
  'brand-3': '#98092b',
  'brand-4': '#6c0e3f',
  'brand-5': '#443414',
}

RGB Array

[180, 133, 39], [197, 78, 82], [152, 9, 43], [108, 14, 63], [68, 52, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B48527, #C54E52, #98092B, #6C0E3F, #443414 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: #b48527; --color-2: #c54e52; --color-3: #98092b; --color-4: #6c0e3f; --color-5: #443414. 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