← Back to Editor

#71624D · #8B8565 · #B6B28C · #E63641 · #231D41

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#71624D

Ochre · DimGray · Amber Brown

HEX
#71624D
RGB
rgb(113, 98, 77)
HSL
hsl(35, 19%, 37%)
HSB
hsb(35, 32%, 44%)
CMYK
cmyk(0%, 13%, 32%, 56%)
Oklch
oklch(50.5% 0.037 76.0)

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

#8B8565

Autumn Sage · Gray · Honey Gold

HEX
#8B8565
RGB
rgb(139, 133, 101)
HSL
hsl(51, 16%, 47%)
HSB
hsb(51, 27%, 55%)
CMYK
cmyk(0%, 4%, 27%, 45%)
Oklch
oklch(61.3% 0.046 98.7)

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

#B6B28C

Fresh Green · Tan · Sunflower

HEX
#B6B28C
RGB
rgb(182, 178, 140)
HSL
hsl(54, 22%, 63%)
HSB
hsb(54, 23%, 71%)
CMYK
cmyk(0%, 2%, 23%, 29%)
Oklch
oklch(75.7% 0.052 102.6)

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

#E63641

Vermilion · Crimson · Passion Red

HEX
#E63641
RGB
rgb(230, 54, 65)
HSL
hsl(356, 78%, 56%)
HSB
hsb(356, 77%, 90%)
CMYK
cmyk(0%, 77%, 72%, 10%)
Oklch
oklch(60.9% 0.211 23.2)

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

#231D41

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#231D41
RGB
rgb(35, 29, 65)
HSL
hsl(250, 38%, 18%)
HSB
hsb(250, 55%, 25%)
CMYK
cmyk(46%, 55%, 0%, 75%)
Oklch
oklch(25.8% 0.066 288.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71624D
4C5B70

Analogous

704F4C
71624D
6D704C

Triadic

71624D
4C7061
614C70

Split-Comp.

71624D
4C6D70
4F4C70

Tetradic

71624D
4C704F
4C5B70
704C6D

Contrast Matrix WCAG 2.1 Contrast

71624D
8B8565
B6B28C
E63641
231D41
—
1.6
Fail
2.7
Fail
1.4
Fail
2.7
Fail
1.6
Fail
—
1.7
Fail
1.1
Fail
4.3
AA Large
2.7
Fail
1.7
Fail
—
2.0
Fail
7.4
AAA
1.4
Fail
1.1
Fail
2.0
Fail
—
3.8
AA Large
2.7
Fail
4.3
AA Large
7.4
AAA
3.8
AA Large
—
White BG
5.9AA
3.7AA Large
2.2Fail
4.2AA Large
15.9AAA
Black BG
3.6AA Large
5.6AA
9.7AAA
5.0AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A52
88886D
B4B495
9A983E
202038

Deuteranopia

6B6D53
89896F
B5B597
A4B13E
212136

Tritanopia

705657
8B7374
B69C9E
DD3C3C
233130

Achromatopsia

646464
838383
AFAFAF
6C6C6C
232323

Shades & Tints Shades & Tints

#71624D

Dark
Light

#8B8565

Dark
Light

#B6B28C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71624d;
  --color-2: #8b8565;
  --color-3: #b6b28c;
  --color-4: #e63641;
  --color-5: #231d41;
}

SCSS

$color-1: #71624d;
$color-2: #8b8565;
$color-3: #b6b28c;
$color-4: #e63641;
$color-5: #231d41;

TAILWIND

colors: {
  'brand-1': '#71624d',
  'brand-2': '#8b8565',
  'brand-3': '#b6b28c',
  'brand-4': '#e63641',
  'brand-5': '#231d41',
}

RGB Array

[113, 98, 77], [139, 133, 101], [182, 178, 140], [230, 54, 65], [35, 29, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71624D, #8B8565, #B6B28C, #E63641, #231D41 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: #71624d; --color-2: #8b8565; --color-3: #b6b28c; --color-4: #e63641; --color-5: #231d41. 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