← Back to Editor

#613A40 · #8E3D4A · #9A4A3A · #B59040 · #BABA7F

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 Library

Color Details Color Details

#613A40

Crimson · DarkOliveGreen · Wine Red

HEX
#613A40
RGB
rgb(97, 58, 64)
HSL
hsl(351, 25%, 30%)
HSB
hsb(351, 40%, 38%)
CMYK
cmyk(0%, 40%, 34%, 62%)
Oklch
oklch(39.7% 0.056 9.9)

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

#8E3D4A

Crimson · Sienna · Wine Red

HEX
#8E3D4A
RGB
rgb(142, 61, 74)
HSL
hsl(350, 40%, 40%)
HSB
hsb(350, 57%, 56%)
CMYK
cmyk(0%, 57%, 48%, 44%)
Oklch
oklch(47.1% 0.110 12.4)

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

#9A4A3A

Crimson · Sienna · Passion Red

HEX
#9A4A3A
RGB
rgb(154, 74, 58)
HSL
hsl(10, 45%, 42%)
HSB
hsb(10, 62%, 60%)
CMYK
cmyk(0%, 52%, 62%, 40%)
Oklch
oklch(50.6% 0.111 32.7)

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

#B59040

Ochre · GoldenRod · Honey Gold

HEX
#B59040
RGB
rgb(181, 144, 64)
HSL
hsl(41, 48%, 48%)
HSB
hsb(41, 65%, 71%)
CMYK
cmyk(0%, 20%, 65%, 29%)
Oklch
oklch(67.2% 0.107 84.1)

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

#BABA7F

Fresh Green · Tan · Sunflower

HEX
#BABA7F
RGB
rgb(186, 186, 127)
HSL
hsl(60, 30%, 61%)
HSB
hsb(60, 32%, 73%)
CMYK
cmyk(0%, 0%, 32%, 27%)
Oklch
oklch(77.5% 0.078 108.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613A40
39605A

Analogous

603952
613A40
604739

Triadic

613A40
3F6039
393F60

Split-Comp.

613A40
396047
395260

Tetradic

613A40
526039
39605A
473960

Contrast Matrix WCAG 2.1 Contrast

613A40
8E3D4A
9A4A3A
B59040
BABA7F
—
1.3
Fail
1.6
Fail
3.2
AA Large
4.8
AA
1.3
Fail
—
1.2
Fail
2.4
Fail
3.6
AA Large
1.6
Fail
1.2
Fail
—
2.1
Fail
3.1
AA Large
3.2
AA Large
2.4
Fail
2.1
Fail
—
1.5
Fail
4.8
AA
3.6
AA Large
3.1
AA Large
1.5
Fail
—
White BG
9.6AAA
7.2AAA
6.2AA
3.0Fail
2.0Fail
Black BG
2.2Fail
2.9Fail
3.4AA Large
7.0AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

50503F
6B6A47
77773E
A5A553
BABA8D

Deuteranopia

52553E
707646
7C823F
A7AA58
BABA91

Tritanopia

5F3D3D
8A4444
964142
B36366
BA999B

Achromatopsia

464646
575757
606060
929292
B3B3B3

Shades & Tints Shades & Tints

#613A40

Dark
Light

#8E3D4A

Dark
Light

#9A4A3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613a40;
  --color-2: #8e3d4a;
  --color-3: #9a4a3a;
  --color-4: #b59040;
  --color-5: #baba7f;
}

SCSS

$color-1: #613a40;
$color-2: #8e3d4a;
$color-3: #9a4a3a;
$color-4: #b59040;
$color-5: #baba7f;

TAILWIND

colors: {
  'brand-1': '#613a40',
  'brand-2': '#8e3d4a',
  'brand-3': '#9a4a3a',
  'brand-4': '#b59040',
  'brand-5': '#baba7f',
}

RGB Array

[97, 58, 64], [142, 61, 74], [154, 74, 58], [181, 144, 64], [186, 186, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613A40, #8E3D4A, #9A4A3A, #B59040, #BABA7F is ideal for: corporate websites, product showcases, portfolios. 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: #613a40; --color-2: #8e3d4a; --color-3: #9a4a3a; --color-4: #b59040; --color-5: #baba7f. 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. 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