← Back to Editor

#593C32 · #BA4F1E · #E6B553 · #BDCFBC · #ECEDCA

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

#593C32

Tangerine · DarkOliveGreen · Amber Brown

HEX
#593C32
RGB
rgb(89, 60, 50)
HSL
hsl(15, 28%, 27%)
HSB
hsb(15, 44%, 35%)
CMYK
cmyk(0%, 33%, 44%, 65%)
Oklch
oklch(38.7% 0.045 39.8)

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

#BA4F1E

Tangerine · Sienna · Amber Brown

HEX
#BA4F1E
RGB
rgb(186, 79, 30)
HSL
hsl(19, 72%, 42%)
HSB
hsb(19, 84%, 73%)
CMYK
cmyk(0%, 58%, 84%, 27%)
Oklch
oklch(56.0% 0.151 42.1)

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

#E6B553

Ginger · SandyBrown · Sunflower

HEX
#E6B553
RGB
rgb(230, 181, 83)
HSL
hsl(40, 75%, 61%)
HSB
hsb(40, 64%, 90%)
CMYK
cmyk(0%, 21%, 64%, 10%)
Oklch
oklch(79.9% 0.128 82.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BDCFBC

Celadon · Silver · Apple Green

HEX
#BDCFBC
RGB
rgb(189, 207, 188)
HSL
hsl(117, 17%, 77%)
HSB
hsb(117, 9%, 81%)
CMYK
cmyk(9%, 0%, 9%, 19%)
Oklch
oklch(83.6% 0.033 143.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#ECEDCA

Fresh Green · Beige · Lemon Cream

HEX
#ECEDCA
RGB
rgb(236, 237, 202)
HSL
hsl(62, 49%, 86%)
HSB
hsb(62, 15%, 93%)
CMYK
cmyk(0%, 0%, 15%, 7%)
Oklch
oklch(93.6% 0.046 108.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593C32
324E58

Analogous

58323B
593C32
584E32

Triadic

593C32
32583B
3B3258

Split-Comp.

593C32
32584E
323B58

Tetradic

593C32
3B5832
324E58
4E3258

Contrast Matrix WCAG 2.1 Contrast

593C32
BA4F1E
E6B553
BDCFBC
ECEDCA
—
2.0
Fail
5.2
AA
6.1
AA
8.3
AAA
2.0
Fail
—
2.6
Fail
3.0
AA Large
4.1
AA Large
5.2
AA
2.6
Fail
—
1.2
Fail
1.6
Fail
6.1
AA
3.0
AA Large
1.2
Fail
—
1.4
Fail
8.3
AAA
4.1
AA Large
1.6
Fail
1.4
Fail
—
White BG
9.9AAA
5.0AA
1.9Fail
1.6Fail
1.2Fail
Black BG
2.1Fail
4.2AA Large
11.1AAA
12.8AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C34
8C8B2A
D1D06B
C5C5C1
ECECD2

Deuteranopia

4E5035
929A2D
D4D770
C4C2C2
ECECD4

Tritanopia

583637
B53335
E47D82
BEC4C5
ECD9DB

Achromatopsia

444444
696969
B8B8B8
C7C7C7
E9E9E9

Shades & Tints Shades & Tints

#593C32

Dark
Light

#BA4F1E

Dark
Light

#E6B553

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593c32;
  --color-2: #ba4f1e;
  --color-3: #e6b553;
  --color-4: #bdcfbc;
  --color-5: #ecedca;
}

SCSS

$color-1: #593c32;
$color-2: #ba4f1e;
$color-3: #e6b553;
$color-4: #bdcfbc;
$color-5: #ecedca;

TAILWIND

colors: {
  'brand-1': '#593c32',
  'brand-2': '#ba4f1e',
  'brand-3': '#e6b553',
  'brand-4': '#bdcfbc',
  'brand-5': '#ecedca',
}

RGB Array

[89, 60, 50], [186, 79, 30], [230, 181, 83], [189, 207, 188], [236, 237, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #593C32, #BA4F1E, #E6B553, #BDCFBC, #ECEDCA 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: #593c32; --color-2: #ba4f1e; --color-3: #e6b553; --color-4: #bdcfbc; --color-5: #ecedca. 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