← Back to Editor

#8E7E71 · #ABA694 · #CFCD9B · #140605 · #4B8996

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

#8E7E71

Tangerine · Gray · Amber Brown

HEX
#8E7E71
RGB
rgb(142, 126, 113)
HSL
hsl(27, 11%, 50%)
HSB
hsb(27, 20%, 56%)
CMYK
cmyk(0%, 11%, 20%, 44%)
Oklch
oklch(60.4% 0.028 61.4)

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

#ABA694

Ginger · DarkGray · Sunflower

HEX
#ABA694
RGB
rgb(171, 166, 148)
HSL
hsl(47, 12%, 63%)
HSB
hsb(47, 13%, 67%)
CMYK
cmyk(0%, 3%, 13%, 33%)
Oklch
oklch(72.4% 0.026 94.2)

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

#CFCD9B

Fresh Green · Tan · Sunflower

HEX
#CFCD9B
RGB
rgb(207, 205, 155)
HSL
hsl(58, 35%, 71%)
HSB
hsb(58, 25%, 81%)
CMYK
cmyk(0%, 1%, 25%, 19%)
Oklch
oklch(83.8% 0.066 105.8)

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

#140605

Crimson · Black · Deep Berry

HEX
#140605
RGB
rgb(20, 6, 5)
HSL
hsl(4, 60%, 5%)
HSB
hsb(4, 75%, 8%)
CMYK
cmyk(0%, 70%, 75%, 92%)
Oklch
oklch(14.6% 0.027 26.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#4B8996

Slate Blue · CadetBlue · Mint Ice

HEX
#4B8996
RGB
rgb(75, 137, 150)
HSL
hsl(190, 33%, 44%)
HSB
hsb(190, 50%, 59%)
CMYK
cmyk(50%, 9%, 0%, 41%)
Oklch
oklch(59.4% 0.067 212.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E7E71
71818E

Analogous

8E7173
8E7E71
8E8C71

Triadic

8E7E71
718E7E
7E718E

Split-Comp.

8E7E71
718E8C
71738E

Tetradic

8E7E71
738E71
71818E
8C718E

Contrast Matrix WCAG 2.1 Contrast

8E7E71
ABA694
CFCD9B
140605
4B8996
—
1.6
Fail
2.4
Fail
5.1
AA
1.0
Fail
1.6
Fail
—
1.5
Fail
8.1
AAA
1.6
Fail
2.4
Fail
1.5
Fail
—
12.2
AAA
2.4
Fail
5.1
AA
8.1
AAA
12.2
AAA
—
5.0
AA
1.0
Fail
1.6
Fail
2.4
Fail
5.0
AA
—
White BG
3.9AA Large
2.4Fail
1.6Fail
19.8AAA
3.9AA Large
Black BG
5.4AA
8.6AAA
12.9AAA
1.1Fail
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878774
A9A998
CECEA7
0E0E05
666693

Deuteranopia

888975
A9AA99
CECEAA
0F1005
625E92

Tritanopia

8D7777
AB9C9D
CFB1B3
130505
4E9090

Achromatopsia

818181
A5A5A5
C8C8C8
0A0A0A
787878

Shades & Tints Shades & Tints

#8E7E71

Dark
Light

#ABA694

Dark
Light

#CFCD9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e7e71;
  --color-2: #aba694;
  --color-3: #cfcd9b;
  --color-4: #140605;
  --color-5: #4b8996;
}

SCSS

$color-1: #8e7e71;
$color-2: #aba694;
$color-3: #cfcd9b;
$color-4: #140605;
$color-5: #4b8996;

TAILWIND

colors: {
  'brand-1': '#8e7e71',
  'brand-2': '#aba694',
  'brand-3': '#cfcd9b',
  'brand-4': '#140605',
  'brand-5': '#4b8996',
}

RGB Array

[142, 126, 113], [171, 166, 148], [207, 205, 155], [20, 6, 5], [75, 137, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E7E71, #ABA694, #CFCD9B, #140605, #4B8996 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: #8e7e71; --color-2: #aba694; --color-3: #cfcd9b; --color-4: #140605; --color-5: #4b8996. 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