← Back to Editor

#727B3C · #A5A66A · #F1E0AC · #BC5044 · #4B3742

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 LibraryData Visualization

Color Details Color Details

#727B3C

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#727B3C
RGB
rgb(114, 123, 60)
HSL
hsl(69, 34%, 36%)
HSB
hsb(69, 51%, 48%)
CMYK
cmyk(7%, 0%, 51%, 52%)
Oklch
oklch(56.1% 0.087 116.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A5A66A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A5A66A
RGB
rgb(165, 166, 106)
HSL
hsl(61, 25%, 53%)
HSB
hsb(61, 36%, 65%)
CMYK
cmyk(1%, 0%, 36%, 35%)
Oklch
oklch(71.0% 0.081 109.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F1E0AC

Goose Yellow · Wheat · Lemon Cream

HEX
#F1E0AC
RGB
rgb(241, 224, 172)
HSL
hsl(45, 71%, 81%)
HSB
hsb(45, 29%, 95%)
CMYK
cmyk(0%, 7%, 29%, 5%)
Oklch
oklch(90.8% 0.070 92.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BC5044

Crimson · Sienna · Passion Red

HEX
#BC5044
RGB
rgb(188, 80, 68)
HSL
hsl(6, 47%, 50%)
HSB
hsb(6, 64%, 74%)
CMYK
cmyk(0%, 57%, 64%, 26%)
Oklch
oklch(56.9% 0.142 28.7)

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

#4B3742

Rose Purple · DarkSlateGray · Raspberry

HEX
#4B3742
RGB
rgb(75, 55, 66)
HSL
hsl(327, 15%, 25%)
HSB
hsb(327, 27%, 29%)
CMYK
cmyk(0%, 27%, 12%, 71%)
Oklch
oklch(36.3% 0.033 344.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

727B3C
463D7B

Analogous

7B653D
727B3C
527B3D

Triadic

727B3C
3D727B
7B3D72

Split-Comp.

727B3C
3D527B
653D7B

Tetradic

727B3C
3D7B65
463D7B
7B3D52

Contrast Matrix WCAG 2.1 Contrast

727B3C
A5A66A
F1E0AC
BC5044
4B3742
—
1.8
Fail
3.5
AA Large
1.1
Fail
2.4
Fail
1.8
Fail
—
1.9
Fail
1.9
Fail
4.3
AA Large
3.5
AA Large
1.9
Fail
—
3.7
AA Large
8.3
AAA
1.1
Fail
1.9
Fail
3.7
AA Large
—
2.3
Fail
2.4
Fail
4.3
AA Large
8.3
AAA
2.3
Fail
—
White BG
4.6AA
2.5Fail
1.3Fail
4.8AA
10.9AAA
Black BG
4.6AA
8.3AAA
16.0AAA
4.4AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

76764B
A5A579
EAE9B9
8D8C47
42423F

Deuteranopia

75754F
A5A57C
EBECBC
949C48
44453F

Tritanopia

72575A
A58487
F0C3C5
B7494A
4A3D3D

Achromatopsia

717171
9F9F9F
DFDFDF
6F6F6F
3E3E3E

Shades & Tints Shades & Tints

#727B3C

Dark
Light

#A5A66A

Dark
Light

#F1E0AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #727b3c;
  --color-2: #a5a66a;
  --color-3: #f1e0ac;
  --color-4: #bc5044;
  --color-5: #4b3742;
}

SCSS

$color-1: #727b3c;
$color-2: #a5a66a;
$color-3: #f1e0ac;
$color-4: #bc5044;
$color-5: #4b3742;

TAILWIND

colors: {
  'brand-1': '#727b3c',
  'brand-2': '#a5a66a',
  'brand-3': '#f1e0ac',
  'brand-4': '#bc5044',
  'brand-5': '#4b3742',
}

RGB Array

[114, 123, 60], [165, 166, 106], [241, 224, 172], [188, 80, 68], [75, 55, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #727B3C, #A5A66A, #F1E0AC, #BC5044, #4B3742 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #727b3c; --color-2: #a5a66a; --color-3: #f1e0ac; --color-4: #bc5044; --color-5: #4b3742. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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