← Back to Editor

#170906 · #5C241C · #5E6F45 · #649E67 · #E5D4C2

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

#170906

Crimson · Black · Deep Berry

HEX
#170906
RGB
rgb(23, 9, 6)
HSL
hsl(11, 59%, 6%)
HSB
hsb(11, 74%, 9%)
CMYK
cmyk(0%, 61%, 74%, 91%)
Oklch
oklch(16.0% 0.026 35.1)

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

#5C241C

Crimson · Maroon · Wine Red

HEX
#5C241C
RGB
rgb(92, 36, 28)
HSL
hsl(8, 53%, 24%)
HSB
hsb(8, 70%, 36%)
CMYK
cmyk(0%, 61%, 70%, 64%)
Oklch
oklch(34.0% 0.084 30.2)

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

#5E6F45

Grass Green · DarkOliveGreen · Forest Green

HEX
#5E6F45
RGB
rgb(94, 111, 69)
HSL
hsl(84, 23%, 35%)
HSB
hsb(84, 38%, 44%)
CMYK
cmyk(15%, 0%, 38%, 56%)
Oklch
oklch(51.6% 0.066 126.5)

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

#649E67

Celadon · MediumSeaGreen · Olive Green

HEX
#649E67
RGB
rgb(100, 158, 103)
HSL
hsl(123, 23%, 51%)
HSB
hsb(123, 37%, 62%)
CMYK
cmyk(37%, 0%, 35%, 38%)
Oklch
oklch(64.5% 0.101 145.5)

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

#E5D4C2

Goose Yellow · Wheat · Peach Orange

HEX
#E5D4C2
RGB
rgb(229, 212, 194)
HSL
hsl(31, 40%, 83%)
HSB
hsb(31, 15%, 90%)
CMYK
cmyk(0%, 7%, 15%, 10%)
Oklch
oklch(87.9% 0.031 69.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

170906
061518

Analogous

18060C
170906
181306

Triadic

170906
06180A
0A0618

Split-Comp.

170906
061813
060C18

Tetradic

170906
0C1806
061518
130618

Contrast Matrix WCAG 2.1 Contrast

170906
5C241C
5E6F45
649E67
E5D4C2
—
1.6
Fail
3.6
AA Large
6.1
AA
13.5
AAA
1.6
Fail
—
2.2
Fail
3.8
AA Large
8.4
AAA
3.6
AA Large
2.2
Fail
—
1.7
Fail
3.8
AA Large
6.1
AA
3.8
AA Large
1.7
Fail
—
2.2
Fail
13.5
AAA
8.4
AAA
3.8
AA Large
2.2
Fail
—
White BG
19.5AAA
12.2AAA
5.5AA
3.2AA Large
1.4Fail
Black BG
1.1Fail
1.7Fail
3.8AA Large
6.6AA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111107
44431E
65664F
7D7E74
DEDDC6

Deuteranopia

121307
474B1E
646352
7A7578
DFE0C7

Tritanopia

160707
591F20
5F5759
677F81
E4CACB

Achromatopsia

0D0D0D
343434
656565
868686
D7D7D7

Shades & Tints Shades & Tints

#170906

Dark
Light

#5C241C

Dark
Light

#5E6F45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #170906;
  --color-2: #5c241c;
  --color-3: #5e6f45;
  --color-4: #649e67;
  --color-5: #e5d4c2;
}

SCSS

$color-1: #170906;
$color-2: #5c241c;
$color-3: #5e6f45;
$color-4: #649e67;
$color-5: #e5d4c2;

TAILWIND

colors: {
  'brand-1': '#170906',
  'brand-2': '#5c241c',
  'brand-3': '#5e6f45',
  'brand-4': '#649e67',
  'brand-5': '#e5d4c2',
}

RGB Array

[23, 9, 6], [92, 36, 28], [94, 111, 69], [100, 158, 103], [229, 212, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #170906, #5C241C, #5E6F45, #649E67, #E5D4C2 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: #170906; --color-2: #5c241c; --color-3: #5e6f45; --color-4: #649e67; --color-5: #e5d4c2. 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