← Back to Editor

#513438 · #108973 · #671D25 · #FF8830 · #B49426

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#513438

Crimson · DarkSlateGray · Wine Red

HEX
#513438
RGB
rgb(81, 52, 56)
HSL
hsl(352, 22%, 26%)
HSB
hsb(352, 36%, 32%)
CMYK
cmyk(0%, 36%, 31%, 68%)
Oklch
oklch(36.1% 0.042 10.3)

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

#108973

Mineral Blue · Teal · Mint Ice

HEX
#108973
RGB
rgb(16, 137, 115)
HSL
hsl(169, 79%, 30%)
HSB
hsb(169, 88%, 54%)
CMYK
cmyk(88%, 0%, 16%, 46%)
Oklch
oklch(56.4% 0.103 175.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#671D25

Crimson · Maroon · Wine Red

HEX
#671D25
RGB
rgb(103, 29, 37)
HSL
hsl(354, 56%, 26%)
HSB
hsb(354, 72%, 40%)
CMYK
cmyk(0%, 72%, 64%, 60%)
Oklch
oklch(35.2% 0.105 18.3)

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

#FF8830

Tangerine · Coral · Warm Sun

HEX
#FF8830
RGB
rgb(255, 136, 48)
HSL
hsl(26, 100%, 59%)
HSB
hsb(26, 81%, 100%)
CMYK
cmyk(0%, 47%, 81%, 0%)
Oklch
oklch(74.6% 0.172 52.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B49426

Ochre · DarkGoldenRod · Honey Gold

HEX
#B49426
RGB
rgb(180, 148, 38)
HSL
hsl(46, 65%, 43%)
HSB
hsb(46, 79%, 71%)
CMYK
cmyk(0%, 18%, 79%, 29%)
Oklch
oklch(67.7% 0.127 91.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

513438
34514D

Analogous

513446
513438
513E34

Triadic

513438
385134
343851

Split-Comp.

513438
34513E
344651

Tetradic

513438
465134
34514D
3E3451

Contrast Matrix WCAG 2.1 Contrast

513438
108973
671D25
FF8830
B49426
—
2.6
Fail
1.1
Fail
4.6
AA
3.8
AA Large
2.6
Fail
—
2.7
Fail
1.8
Fail
1.5
Fail
1.1
Fail
2.7
Fail
—
5.0
AA
4.0
AA Large
4.6
AA
1.8
Fail
5.0
AA
—
1.2
Fail
3.8
AA Large
1.5
Fail
4.0
AA Large
1.2
Fail
—
White BG
11.1AAA
4.3AA Large
11.8AAA
2.4Fail
2.9Fail
Black BG
1.9Fail
4.8AA
1.8Fail
8.8AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444437
444578
474623
CBCA45
A6A641

Deuteranopia

464837
3D347A
4B5123
D2DB4A
A8AA47

Tritanopia

503636
167D7D
632221
F9565A
B2565A

Achromatopsia

3D3D3D
626262
343434
A2A2A2
919191

Shades & Tints Shades & Tints

#513438

Dark
Light

#108973

Dark
Light

#671D25

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #513438;
  --color-2: #108973;
  --color-3: #671d25;
  --color-4: #ff8830;
  --color-5: #b49426;
}

SCSS

$color-1: #513438;
$color-2: #108973;
$color-3: #671d25;
$color-4: #ff8830;
$color-5: #b49426;

TAILWIND

colors: {
  'brand-1': '#513438',
  'brand-2': '#108973',
  'brand-3': '#671d25',
  'brand-4': '#ff8830',
  'brand-5': '#b49426',
}

RGB Array

[81, 52, 56], [16, 137, 115], [103, 29, 37], [255, 136, 48], [180, 148, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #513438, #108973, #671D25, #FF8830, #B49426 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: #513438; --color-2: #108973; --color-3: #671d25; --color-4: #ff8830; --color-5: #b49426. 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