← Back to Editor

#AE3949 · #932737 · #C47634 · #A58F53 · #8C373A

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

#AE3949

Crimson · Brown · Passion Red

HEX
#AE3949
RGB
rgb(174, 57, 73)
HSL
hsl(352, 51%, 45%)
HSB
hsb(352, 67%, 68%)
CMYK
cmyk(0%, 67%, 58%, 32%)
Oklch
oklch(51.8% 0.152 16.3)

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

#932737

Crimson · Brown · Wine Red

HEX
#932737
RGB
rgb(147, 39, 55)
HSL
hsl(351, 58%, 36%)
HSB
hsb(351, 73%, 58%)
CMYK
cmyk(0%, 73%, 63%, 42%)
Oklch
oklch(44.7% 0.143 16.9)

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

#C47634

Tangerine · Chocolate · Amber Brown

HEX
#C47634
RGB
rgb(196, 118, 52)
HSL
hsl(28, 58%, 49%)
HSB
hsb(28, 73%, 77%)
CMYK
cmyk(0%, 40%, 73%, 23%)
Oklch
oklch(63.9% 0.126 57.6)

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

#A58F53

Ochre · Gray · Honey Gold

HEX
#A58F53
RGB
rgb(165, 143, 83)
HSL
hsl(44, 33%, 49%)
HSB
hsb(44, 50%, 65%)
CMYK
cmyk(0%, 13%, 50%, 35%)
Oklch
oklch(65.6% 0.083 89.9)

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

#8C373A

Crimson · Brown · Wine Red

HEX
#8C373A
RGB
rgb(140, 55, 58)
HSL
hsl(358, 44%, 38%)
HSB
hsb(358, 61%, 55%)
CMYK
cmyk(0%, 61%, 59%, 45%)
Oklch
oklch(45.6% 0.116 20.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE3949
38AD9E

Analogous

AD3882
AE3949
AD6338

Triadic

AE3949
48AD38
3848AD

Split-Comp.

AE3949
38AD63
3882AD

Tetradic

AE3949
82AD38
38AD9E
6338AD

Contrast Matrix WCAG 2.1 Contrast

AE3949
932737
C47634
A58F53
8C373A
—
1.3
Fail
1.7
Fail
1.9
Fail
1.3
Fail
1.3
Fail
—
2.3
Fail
2.6
Fail
1.1
Fail
1.7
Fail
2.3
Fail
—
1.1
Fail
2.2
Fail
1.9
Fail
2.6
Fail
1.1
Fail
—
2.4
Fail
1.3
Fail
1.1
Fail
2.2
Fail
2.4
Fail
—
White BG
6.0AA
8.1AAA
3.5AA Large
3.2AA Large
7.7AAA
Black BG
3.5AA Large
2.6Fail
6.0AA
6.7AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A45
646333
A2A244
9B9B62
676639

Deuteranopia

828B44
6B7332
A7AD48
9D9E65
6C7339

Tritanopia

A84241
8E302F
C05153
A46D70
883939

Achromatopsia

5E5E5E
494949
868686
8F8F8F
515151

Shades & Tints Shades & Tints

#AE3949

Dark
Light

#932737

Dark
Light

#C47634

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae3949;
  --color-2: #932737;
  --color-3: #c47634;
  --color-4: #a58f53;
  --color-5: #8c373a;
}

SCSS

$color-1: #ae3949;
$color-2: #932737;
$color-3: #c47634;
$color-4: #a58f53;
$color-5: #8c373a;

TAILWIND

colors: {
  'brand-1': '#ae3949',
  'brand-2': '#932737',
  'brand-3': '#c47634',
  'brand-4': '#a58f53',
  'brand-5': '#8c373a',
}

RGB Array

[174, 57, 73], [147, 39, 55], [196, 118, 52], [165, 143, 83], [140, 55, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE3949, #932737, #C47634, #A58F53, #8C373A 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: #ae3949; --color-2: #932737; --color-3: #c47634; --color-4: #a58f53; --color-5: #8c373a. 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