← Back to Editor

#6F2D0B · #655E1A · #7B7752 · #8D9484 · #C9B9A2

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

#6F2D0B

Tangerine · Maroon · Cinnamon

HEX
#6F2D0B
RGB
rgb(111, 45, 11)
HSL
hsl(20, 82%, 24%)
HSB
hsb(20, 90%, 44%)
CMYK
cmyk(0%, 59%, 90%, 56%)
Oklch
oklch(38.5% 0.103 43.7)

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

#655E1A

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#655E1A
RGB
rgb(101, 94, 26)
HSL
hsl(54, 59%, 25%)
HSB
hsb(54, 74%, 40%)
CMYK
cmyk(0%, 7%, 74%, 60%)
Oklch
oklch(47.5% 0.087 103.4)

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

#7B7752

Autumn Sage · DimGray · Honey Gold

HEX
#7B7752
RGB
rgb(123, 119, 82)
HSL
hsl(54, 20%, 40%)
HSB
hsb(54, 33%, 48%)
CMYK
cmyk(0%, 3%, 33%, 52%)
Oklch
oklch(56.3% 0.053 102.7)

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

#8D9484

Ash · Gray · Warm Gray

HEX
#8D9484
RGB
rgb(141, 148, 132)
HSL
hsl(86, 7%, 55%)
HSB
hsb(86, 11%, 58%)
CMYK
cmyk(5%, 0%, 11%, 42%)
Oklch
oklch(65.6% 0.025 126.4)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#C9B9A2

Goose Yellow · Tan · Warm Sun

HEX
#C9B9A2
RGB
rgb(201, 185, 162)
HSL
hsl(35, 27%, 71%)
HSB
hsb(35, 19%, 79%)
CMYK
cmyk(0%, 8%, 19%, 21%)
Oklch
oklch(79.3% 0.036 77.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F2D0B
0B4E6F

Analogous

6F0B1C
6F2D0B
6F5F0B

Triadic

6F2D0B
0B6F2C
2C0B6F

Split-Comp.

6F2D0B
0B6F5F
0B1C6F

Tetradic

6F2D0B
1C6F0B
0B4E6F
5F0B6F

Contrast Matrix WCAG 2.1 Contrast

6F2D0B
655E1A
7B7752
8D9484
C9B9A2
—
1.5
Fail
2.2
Fail
3.3
AA Large
5.3
AA
1.5
Fail
—
1.5
Fail
2.1
Fail
3.5
AA Large
2.2
Fail
1.5
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
2.1
Fail
1.5
Fail
—
1.6
Fail
5.3
AA
3.5
AA Large
2.4
Fail
1.6
Fail
—
White BG
10.2AAA
6.6AA
4.6AA
3.1AA Large
1.9Fail
Black BG
2.1Fail
3.2AA Large
4.6AA
6.7AA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525213
62622A
79795B
909088
C2C2A8

Deuteranopia

565B15
62632E
7A7A5D
908F89
C3C4A9

Tritanopia

6C1A1B
65373A
7B6264
8D8B8C
C8ACAD

Achromatopsia

3D3D3D
585858
747474
909090
BBBBBB

Shades & Tints Shades & Tints

#6F2D0B

Dark
Light

#655E1A

Dark
Light

#7B7752

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f2d0b;
  --color-2: #655e1a;
  --color-3: #7b7752;
  --color-4: #8d9484;
  --color-5: #c9b9a2;
}

SCSS

$color-1: #6f2d0b;
$color-2: #655e1a;
$color-3: #7b7752;
$color-4: #8d9484;
$color-5: #c9b9a2;

TAILWIND

colors: {
  'brand-1': '#6f2d0b',
  'brand-2': '#655e1a',
  'brand-3': '#7b7752',
  'brand-4': '#8d9484',
  'brand-5': '#c9b9a2',
}

RGB Array

[111, 45, 11], [101, 94, 26], [123, 119, 82], [141, 148, 132], [201, 185, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F2D0B, #655E1A, #7B7752, #8D9484, #C9B9A2 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: #6f2d0b; --color-2: #655e1a; --color-3: #7b7752; --color-4: #8d9484; --color-5: #c9b9a2. 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