← Back to Editor

#61534F · #966242 · #E7792C · #B8AC84 · #84B89E

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

#61534F

Crimson · DimGray · Wine Red

HEX
#61534F
RGB
rgb(97, 83, 79)
HSL
hsl(13, 10%, 35%)
HSB
hsb(13, 19%, 38%)
CMYK
cmyk(0%, 14%, 19%, 62%)
Oklch
oklch(45.5% 0.020 36.5)

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

#966242

Tangerine · Sienna · Amber Brown

HEX
#966242
RGB
rgb(150, 98, 66)
HSL
hsl(23, 39%, 42%)
HSB
hsb(23, 56%, 59%)
CMYK
cmyk(0%, 35%, 56%, 41%)
Oklch
oklch(54.5% 0.082 51.9)

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

#E7792C

Tangerine · Chocolate · Warm Sun

HEX
#E7792C
RGB
rgb(231, 121, 44)
HSL
hsl(25, 80%, 54%)
HSB
hsb(25, 81%, 91%)
CMYK
cmyk(0%, 48%, 81%, 9%)
Oklch
oklch(69.0% 0.161 51.0)

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

#B8AC84

Ginger · Tan · Sunflower

HEX
#B8AC84
RGB
rgb(184, 172, 132)
HSL
hsl(46, 27%, 62%)
HSB
hsb(46, 28%, 72%)
CMYK
cmyk(0%, 7%, 28%, 28%)
Oklch
oklch(74.4% 0.056 93.4)

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

#84B89E

Jade · DarkSeaGreen · Apple Green

HEX
#84B89E
RGB
rgb(132, 184, 158)
HSL
hsl(150, 27%, 62%)
HSB
hsb(150, 28%, 72%)
CMYK
cmyk(28%, 0%, 14%, 28%)
Oklch
oklch(73.9% 0.067 162.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61534F
505E62

Analogous

625055
61534F
625D50

Triadic

61534F
506254
545062

Split-Comp.

61534F
50625D
505562

Tetradic

61534F
556250
505E62
5D5062

Contrast Matrix WCAG 2.1 Contrast

61534F
966242
E7792C
B8AC84
84B89E
—
1.4
Fail
2.5
Fail
3.2
AA Large
3.3
AA Large
1.4
Fail
—
1.7
Fail
2.2
Fail
2.3
Fail
2.5
Fail
1.7
Fail
—
1.3
Fail
1.3
Fail
3.2
AA Large
2.2
Fail
1.3
Fail
—
1.0
Fail
3.3
AA Large
2.3
Fail
1.3
Fail
1.0
Fail
—
White BG
7.3AAA
5.1AA
2.9Fail
2.3Fail
2.3Fail
Black BG
2.9Fail
4.1AA Large
7.2AAA
9.3AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B50
7F7F4A
B7B63F
B3B38E
9B9BA4

Deuteranopia

5C5D50
83864C
BEC643
B4B490
9894A6

Tritanopia

605151
935051
E24D51
B79597
87A9AA

Achromatopsia

575757
6E6E6E
919191
ABABAB
A5A5A5

Shades & Tints Shades & Tints

#61534F

Dark
Light

#966242

Dark
Light

#E7792C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61534f;
  --color-2: #966242;
  --color-3: #e7792c;
  --color-4: #b8ac84;
  --color-5: #84b89e;
}

SCSS

$color-1: #61534f;
$color-2: #966242;
$color-3: #e7792c;
$color-4: #b8ac84;
$color-5: #84b89e;

TAILWIND

colors: {
  'brand-1': '#61534f',
  'brand-2': '#966242',
  'brand-3': '#e7792c',
  'brand-4': '#b8ac84',
  'brand-5': '#84b89e',
}

RGB Array

[97, 83, 79], [150, 98, 66], [231, 121, 44], [184, 172, 132], [132, 184, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61534F, #966242, #E7792C, #B8AC84, #84B89E 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: #61534f; --color-2: #966242; --color-3: #e7792c; --color-4: #b8ac84; --color-5: #84b89e. 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