← Back to Editor

#727F30 · #909537 · #E2C92F · #ECE1CB · #AE8F73

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

#727F30

Grass Green · DarkOliveGreen · Forest Green

HEX
#727F30
RGB
rgb(114, 127, 48)
HSL
hsl(70, 45%, 34%)
HSB
hsb(70, 62%, 50%)
CMYK
cmyk(10%, 0%, 62%, 50%)
Oklch
oklch(56.9% 0.105 117.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#909537

Autumn Sage · Olive · Honey Gold

HEX
#909537
RGB
rgb(144, 149, 55)
HSL
hsl(63, 46%, 40%)
HSB
hsb(63, 63%, 58%)
CMYK
cmyk(3%, 0%, 63%, 42%)
Oklch
oklch(64.7% 0.117 112.1)

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

#E2C92F

Autumn Sage · GoldenRod · Sunflower

HEX
#E2C92F
RGB
rgb(226, 201, 47)
HSL
hsl(52, 76%, 54%)
HSB
hsb(52, 79%, 89%)
CMYK
cmyk(0%, 11%, 79%, 11%)
Oklch
oklch(83.3% 0.161 99.3)

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

#ECE1CB

Goose Yellow · Bisque · Lemon Cream

HEX
#ECE1CB
RGB
rgb(236, 225, 203)
HSL
hsl(40, 46%, 86%)
HSB
hsb(40, 14%, 93%)
CMYK
cmyk(0%, 5%, 14%, 7%)
Oklch
oklch(91.3% 0.032 84.6)

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

#AE8F73

Tangerine · Gray · Warm Sun

HEX
#AE8F73
RGB
rgb(174, 143, 115)
HSL
hsl(28, 27%, 57%)
HSB
hsb(28, 34%, 68%)
CMYK
cmyk(0%, 18%, 34%, 32%)
Oklch
oklch(67.1% 0.054 63.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

727F30
3D307E

Analogous

7E6430
727F30
4A7E30

Triadic

727F30
30717E
7E3071

Split-Comp.

727F30
304A7E
64307E

Tetradic

727F30
307E64
3D307E
7E304A

Contrast Matrix WCAG 2.1 Contrast

727F30
909537
E2C92F
ECE1CB
AE8F73
—
1.4
Fail
2.6
Fail
3.4
AA Large
1.5
Fail
1.4
Fail
—
1.9
Fail
2.5
Fail
1.1
Fail
2.6
Fail
1.9
Fail
—
1.3
Fail
1.8
Fail
3.4
AA Large
2.5
Fail
1.3
Fail
—
2.3
Fail
1.5
Fail
1.1
Fail
1.8
Fail
2.3
Fail
—
White BG
4.4AA Large
3.2AA Large
1.7Fail
1.3Fail
3.0AA Large
Black BG
4.8AA
6.5AA
12.6AAA
16.2AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787843
92924E
D7D754
E7E7D0
A1A07A

Deuteranopia

777648
929253
D9DB5D
E8E9D2
A2A57B

Tritanopia

735256
906064
E17278
EBD5D5
AC7F80

Achromatopsia

727272
898989
BFBFBF
E2E2E2
959595

Shades & Tints Shades & Tints

#727F30

Dark
Light

#909537

Dark
Light

#E2C92F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #727f30;
  --color-2: #909537;
  --color-3: #e2c92f;
  --color-4: #ece1cb;
  --color-5: #ae8f73;
}

SCSS

$color-1: #727f30;
$color-2: #909537;
$color-3: #e2c92f;
$color-4: #ece1cb;
$color-5: #ae8f73;

TAILWIND

colors: {
  'brand-1': '#727f30',
  'brand-2': '#909537',
  'brand-3': '#e2c92f',
  'brand-4': '#ece1cb',
  'brand-5': '#ae8f73',
}

RGB Array

[114, 127, 48], [144, 149, 55], [226, 201, 47], [236, 225, 203], [174, 143, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #727F30, #909537, #E2C92F, #ECE1CB, #AE8F73 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: #727f30; --color-2: #909537; --color-3: #e2c92f; --color-4: #ece1cb; --color-5: #ae8f73. 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