← Back to Editor

#615A47 · #BDB89A · #EACA91 · #EDAE3D · #E4451D

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

#615A47

Ochre · DarkOliveGreen · Honey Gold

HEX
#615A47
RGB
rgb(97, 90, 71)
HSL
hsl(44, 15%, 33%)
HSB
hsb(44, 27%, 38%)
CMYK
cmyk(0%, 7%, 27%, 62%)
Oklch
oklch(46.9% 0.031 90.2)

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

#BDB89A

Fresh Green · Tan · Sunflower

HEX
#BDB89A
RGB
rgb(189, 184, 154)
HSL
hsl(51, 21%, 67%)
HSB
hsb(51, 19%, 74%)
CMYK
cmyk(0%, 3%, 19%, 26%)
Oklch
oklch(77.9% 0.041 99.5)

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

#EACA91

Goose Yellow · BurlyWood · Warm Sun

HEX
#EACA91
RGB
rgb(234, 202, 145)
HSL
hsl(38, 68%, 74%)
HSB
hsb(38, 38%, 92%)
CMYK
cmyk(0%, 14%, 38%, 8%)
Oklch
oklch(85.3% 0.082 81.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EDAE3D

Ginger · GoldenRod · Warm Sun

HEX
#EDAE3D
RGB
rgb(237, 174, 61)
HSL
hsl(39, 83%, 58%)
HSB
hsb(39, 74%, 93%)
CMYK
cmyk(0%, 27%, 74%, 7%)
Oklch
oklch(79.1% 0.144 78.0)

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

#E4451D

Vermilion · OrangeRed · Passion Red

HEX
#E4451D
RGB
rgb(228, 69, 29)
HSL
hsl(12, 79%, 50%)
HSB
hsb(12, 87%, 89%)
CMYK
cmyk(0%, 70%, 87%, 11%)
Oklch
oklch(61.6% 0.202 34.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615A47
484E61

Analogous

614D48
615A47
5B6148

Triadic

615A47
48615A
5A4861

Split-Comp.

615A47
485B61
4D4861

Tetradic

615A47
48614D
484E61
61485B

Contrast Matrix WCAG 2.1 Contrast

615A47
BDB89A
EACA91
EDAE3D
E4451D
—
3.4
AA Large
4.4
AA Large
3.5
AA Large
1.7
Fail
3.4
AA Large
—
1.3
Fail
1.0
Fail
2.0
Fail
4.4
AA Large
1.3
Fail
—
1.2
Fail
2.6
Fail
3.5
AA Large
1.0
Fail
1.2
Fail
—
2.1
Fail
1.7
Fail
2.0
Fail
2.6
Fail
2.1
Fail
—
White BG
6.9AA
2.0Fail
1.6Fail
2.0Fail
4.1AA Large
Black BG
3.1AA Large
10.5AAA
13.4AAA
10.7AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E4C
BBBBA1
DCDC9F
D2D158
9F9E27

Deuteranopia

5E5F4D
BBBBA3
DEE0A2
D5DA5F
A8B429

Tritanopia

614F50
BDA7A8
E8AAAC
EA6E73
DC2E30

Achromatopsia

5A5A5A
B6B6B6
CDCDCD
B4B4B4
707070

Shades & Tints Shades & Tints

#615A47

Dark
Light

#BDB89A

Dark
Light

#EACA91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615a47;
  --color-2: #bdb89a;
  --color-3: #eaca91;
  --color-4: #edae3d;
  --color-5: #e4451d;
}

SCSS

$color-1: #615a47;
$color-2: #bdb89a;
$color-3: #eaca91;
$color-4: #edae3d;
$color-5: #e4451d;

TAILWIND

colors: {
  'brand-1': '#615a47',
  'brand-2': '#bdb89a',
  'brand-3': '#eaca91',
  'brand-4': '#edae3d',
  'brand-5': '#e4451d',
}

RGB Array

[97, 90, 71], [189, 184, 154], [234, 202, 145], [237, 174, 61], [228, 69, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #615A47, #BDB89A, #EACA91, #EDAE3D, #E4451D 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: #615a47; --color-2: #bdb89a; --color-3: #eaca91; --color-4: #edae3d; --color-5: #e4451d. 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