← Back to Editor

#C7B086 · #959C73 · #49392C · #DC7A5D · #A27153

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

#C7B086

Ginger · Tan · Warm Sun

HEX
#C7B086
RGB
rgb(199, 176, 134)
HSL
hsl(39, 37%, 65%)
HSB
hsb(39, 33%, 78%)
CMYK
cmyk(0%, 12%, 33%, 22%)
Oklch
oklch(76.7% 0.062 82.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#959C73

Grass Green · Gray · Olive Green

HEX
#959C73
RGB
rgb(149, 156, 115)
HSL
hsl(70, 17%, 53%)
HSB
hsb(70, 26%, 61%)
CMYK
cmyk(4%, 0%, 26%, 39%)
Oklch
oklch(67.6% 0.058 115.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#49392C

Tangerine · DarkSlateGray · Cinnamon

HEX
#49392C
RGB
rgb(73, 57, 44)
HSL
hsl(27, 25%, 23%)
HSB
hsb(27, 40%, 29%)
CMYK
cmyk(0%, 22%, 40%, 71%)
Oklch
oklch(35.8% 0.031 60.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#DC7A5D

Peach Pink · Salmon · Coral Red

HEX
#DC7A5D
RGB
rgb(220, 122, 93)
HSL
hsl(14, 64%, 61%)
HSB
hsb(14, 58%, 86%)
CMYK
cmyk(0%, 45%, 58%, 14%)
Oklch
oklch(68.2% 0.129 37.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A27153

Tangerine · Sienna · Amber Brown

HEX
#A27153
RGB
rgb(162, 113, 83)
HSL
hsl(23, 32%, 48%)
HSB
hsb(23, 49%, 64%)
CMYK
cmyk(0%, 30%, 49%, 36%)
Oklch
oklch(59.2% 0.076 52.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7B086
859CC7

Analogous

C78F85
C7B086
BDC785

Triadic

C7B086
85C7B0
B085C7

Split-Comp.

C7B086
85BDC7
8F85C7

Tetradic

C7B086
85C78F
859CC7
C785BD

Contrast Matrix WCAG 2.1 Contrast

C7B086
959C73
49392C
DC7A5D
A27153
—
1.4
Fail
5.2
AA
1.4
Fail
2.0
Fail
1.4
Fail
—
3.8
AA Large
1.0
Fail
1.4
Fail
5.2
AA
3.8
AA Large
—
3.7
AA Large
2.6
Fail
1.4
Fail
1.0
Fail
3.7
AA Large
—
1.4
Fail
2.0
Fail
1.4
Fail
2.6
Fail
1.4
Fail
—
White BG
2.1Fail
2.9Fail
11.0AAA
3.0AA Large
4.2AA Large
Black BG
10.0AAA
7.3AAA
1.9Fail
7.0AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD90
98987D
42422F
B2B164
8D8C5A

Deuteranopia

BEC093
98977F
434430
B7BF66
90935C

Tritanopia

C6989A
958586
483232
D76A6B
A06061

Achromatopsia

B2B2B2
959595
3C3C3C
949494
7C7C7C

Shades & Tints Shades & Tints

#C7B086

Dark
Light

#959C73

Dark
Light

#49392C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7b086;
  --color-2: #959c73;
  --color-3: #49392c;
  --color-4: #dc7a5d;
  --color-5: #a27153;
}

SCSS

$color-1: #c7b086;
$color-2: #959c73;
$color-3: #49392c;
$color-4: #dc7a5d;
$color-5: #a27153;

TAILWIND

colors: {
  'brand-1': '#c7b086',
  'brand-2': '#959c73',
  'brand-3': '#49392c',
  'brand-4': '#dc7a5d',
  'brand-5': '#a27153',
}

RGB Array

[199, 176, 134], [149, 156, 115], [73, 57, 44], [220, 122, 93], [162, 113, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7B086, #959C73, #49392C, #DC7A5D, #A27153 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: #c7b086; --color-2: #959c73; --color-3: #49392c; --color-4: #dc7a5d; --color-5: #a27153. 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