← Back to Editor

#6D9C88 · #9E3221 · #591D1D · #8A5C1C · #26150C

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

#6D9C88

Mineral Blue · CadetBlue · Olive Green

HEX
#6D9C88
RGB
rgb(109, 156, 136)
HSL
hsl(154, 19%, 52%)
HSB
hsb(154, 30%, 61%)
CMYK
cmyk(30%, 0%, 13%, 39%)
Oklch
oklch(65.3% 0.059 166.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#9E3221

Vermilion · Brown · Wine Red

HEX
#9E3221
RGB
rgb(158, 50, 33)
HSL
hsl(8, 65%, 37%)
HSB
hsb(8, 79%, 62%)
CMYK
cmyk(0%, 68%, 79%, 38%)
Oklch
oklch(47.6% 0.146 31.6)

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

#591D1D

Crimson · Maroon · Wine Red

HEX
#591D1D
RGB
rgb(89, 29, 29)
HSL
hsl(0, 51%, 23%)
HSB
hsb(0, 67%, 35%)
CMYK
cmyk(0%, 67%, 67%, 65%)
Oklch
oklch(32.4% 0.089 23.4)

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

#8A5C1C

Ochre · Sienna · Amber Brown

HEX
#8A5C1C
RGB
rgb(138, 92, 28)
HSL
hsl(35, 66%, 33%)
HSB
hsb(35, 80%, 54%)
CMYK
cmyk(0%, 33%, 80%, 46%)
Oklch
oklch(51.3% 0.098 70.6)

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

#26150C

Tangerine · Black · Cinnamon

HEX
#26150C
RGB
rgb(38, 21, 12)
HSL
hsl(21, 52%, 10%)
HSB
hsb(21, 68%, 15%)
CMYK
cmyk(0%, 45%, 68%, 85%)
Oklch
oklch(21.6% 0.033 48.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D9C88
9C6D81

Analogous

6D9C70
6D9C88
6D999C

Triadic

6D9C88
886D9C
9C886D

Split-Comp.

6D9C88
9C6D99
9C706D

Tetradic

6D9C88
706D9C
9C6D81
999C6D

Contrast Matrix WCAG 2.1 Contrast

6D9C88
9E3221
591D1D
8A5C1C
26150C
—
2.3
Fail
4.2
AA Large
1.9
Fail
5.7
AA
2.3
Fail
—
1.8
Fail
1.2
Fail
2.5
Fail
4.2
AA Large
1.8
Fail
—
2.2
Fail
1.4
Fail
1.9
Fail
1.2
Fail
2.2
Fail
—
3.0
AA Large
5.7
AA
2.5
Fail
1.4
Fail
3.0
AA Large
—
White BG
3.1AA Large
7.2AAA
13.0AAA
5.8AA
17.6AAA
Black BG
6.8AA
2.9Fail
1.6Fail
3.6AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

81828D
6F6E25
3F3E1D
76762B
1F1E0E

Deuteranopia

7F7B8E
767E26
43471D
797C2F
20210F

Tritanopia

6F9192
992829
561D1D
88383A
251010

Achromatopsia

8C8C8C
505050
2F2F2F
626262
191919

Shades & Tints Shades & Tints

#6D9C88

Dark
Light

#9E3221

Dark
Light

#591D1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d9c88;
  --color-2: #9e3221;
  --color-3: #591d1d;
  --color-4: #8a5c1c;
  --color-5: #26150c;
}

SCSS

$color-1: #6d9c88;
$color-2: #9e3221;
$color-3: #591d1d;
$color-4: #8a5c1c;
$color-5: #26150c;

TAILWIND

colors: {
  'brand-1': '#6d9c88',
  'brand-2': '#9e3221',
  'brand-3': '#591d1d',
  'brand-4': '#8a5c1c',
  'brand-5': '#26150c',
}

RGB Array

[109, 156, 136], [158, 50, 33], [89, 29, 29], [138, 92, 28], [38, 21, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D9C88, #9E3221, #591D1D, #8A5C1C, #26150C is ideal for: tech websites, dark mode UIs, game UIs, 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: #6d9c88; --color-2: #9e3221; --color-3: #591d1d; --color-4: #8a5c1c; --color-5: #26150c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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