← Back to Editor

#AE4C4B · #BE7F5E · #907355 · #756941 · #5C4638

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

#AE4C4B

Crimson · Sienna · Passion Red

HEX
#AE4C4B
RGB
rgb(174, 76, 75)
HSL
hsl(1, 40%, 49%)
HSB
hsb(1, 57%, 68%)
CMYK
cmyk(0%, 56%, 57%, 32%)
Oklch
oklch(54.3% 0.129 22.9)

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

#BE7F5E

Tangerine · DarkSalmon · Warm Sun

HEX
#BE7F5E
RGB
rgb(190, 127, 94)
HSL
hsl(21, 42%, 56%)
HSB
hsb(21, 51%, 75%)
CMYK
cmyk(0%, 33%, 51%, 25%)
Oklch
oklch(65.4% 0.091 48.3)

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

#907355

Ochre · DimGray · Amber Brown

HEX
#907355
RGB
rgb(144, 115, 85)
HSL
hsl(31, 26%, 45%)
HSB
hsb(31, 41%, 56%)
CMYK
cmyk(0%, 20%, 41%, 44%)
Oklch
oklch(57.6% 0.056 67.3)

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

#756941

Ochre · DarkOliveGreen · Honey Gold

HEX
#756941
RGB
rgb(117, 105, 65)
HSL
hsl(46, 29%, 36%)
HSB
hsb(46, 44%, 46%)
CMYK
cmyk(0%, 10%, 44%, 54%)
Oklch
oklch(52.2% 0.059 93.3)

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

#5C4638

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5C4638
RGB
rgb(92, 70, 56)
HSL
hsl(23, 24%, 29%)
HSB
hsb(23, 39%, 36%)
CMYK
cmyk(0%, 24%, 39%, 64%)
Oklch
oklch(41.4% 0.038 53.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE4C4B
4BADAF

Analogous

AF4B7B
AE4C4B
AF7F4B

Triadic

AE4C4B
4BAF4D
4D4BAF

Split-Comp.

AE4C4B
4BAF7F
4B7BAF

Tetradic

AE4C4B
7BAF4B
4BADAF
7F4BAF

Contrast Matrix WCAG 2.1 Contrast

AE4C4B
BE7F5E
907355
756941
5C4638
—
1.6
Fail
1.2
Fail
1.0
Fail
1.6
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
2.7
Fail
1.2
Fail
1.3
Fail
—
1.2
Fail
2.0
Fail
1.0
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
1.6
Fail
2.7
Fail
2.0
Fail
1.6
Fail
—
White BG
5.3AA
3.3AA Large
4.4AA Large
5.4AA
8.8AAA
Black BG
3.9AA Large
6.4AA
4.8AA
3.9AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

84834B
A3A266
83835C
70704B
52523B

Deuteranopia

89914B
A6AB68
85875E
71714D
54553C

Tritanopia

A94B4B
BB6C6E
8F6263
745254
5B3E3F

Achromatopsia

696969
8E8E8E
787878
686868
4B4B4B

Shades & Tints Shades & Tints

#AE4C4B

Dark
Light

#BE7F5E

Dark
Light

#907355

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae4c4b;
  --color-2: #be7f5e;
  --color-3: #907355;
  --color-4: #756941;
  --color-5: #5c4638;
}

SCSS

$color-1: #ae4c4b;
$color-2: #be7f5e;
$color-3: #907355;
$color-4: #756941;
$color-5: #5c4638;

TAILWIND

colors: {
  'brand-1': '#ae4c4b',
  'brand-2': '#be7f5e',
  'brand-3': '#907355',
  'brand-4': '#756941',
  'brand-5': '#5c4638',
}

RGB Array

[174, 76, 75], [190, 127, 94], [144, 115, 85], [117, 105, 65], [92, 70, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE4C4B, #BE7F5E, #907355, #756941, #5C4638 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: #ae4c4b; --color-2: #be7f5e; --color-3: #907355; --color-4: #756941; --color-5: #5c4638. 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