← Back to Editor

#6E4444 · #27231F · #99855B · #463514 · #FFF5E9

dark

A 5-color dark 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

#6E4444

Crimson · DarkOliveGreen · Wine Red

HEX
#6E4444
RGB
rgb(110, 68, 68)
HSL
hsl(0, 24%, 35%)
HSB
hsb(0, 38%, 43%)
CMYK
cmyk(0%, 38%, 38%, 57%)
Oklch
oklch(43.5% 0.058 19.7)

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

#27231F

Ochre · Black · Cinnamon

HEX
#27231F
RGB
rgb(39, 35, 31)
HSL
hsl(30, 11%, 14%)
HSB
hsb(30, 21%, 15%)
CMYK
cmyk(0%, 10%, 21%, 85%)
Oklch
oklch(25.9% 0.009 67.4)

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

#99855B

Ochre · Gray · Honey Gold

HEX
#99855B
RGB
rgb(153, 133, 91)
HSL
hsl(41, 25%, 48%)
HSB
hsb(41, 41%, 60%)
CMYK
cmyk(0%, 13%, 41%, 40%)
Oklch
oklch(62.5% 0.063 85.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#463514

Ochre · DarkOliveGreen · Amber Gold

HEX
#463514
RGB
rgb(70, 53, 20)
HSL
hsl(40, 56%, 18%)
HSB
hsb(40, 71%, 27%)
CMYK
cmyk(0%, 24%, 71%, 73%)
Oklch
oklch(34.0% 0.054 81.7)

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

#FFF5E9

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF5E9
RGB
rgb(255, 245, 233)
HSL
hsl(33, 100%, 96%)
HSB
hsb(33, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.5% 0.019 72.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E4444
446F6F

Analogous

6F4459
6E4444
6F5944

Triadic

6E4444
446F44
44446F

Split-Comp.

6E4444
446F59
44596F

Tetradic

6E4444
596F44
446F6F
59446F

Contrast Matrix WCAG 2.1 Contrast

6E4444
27231F
99855B
463514
FFF5E9
—
1.9
Fail
2.3
Fail
1.4
Fail
7.6
AAA
1.9
Fail
—
4.4
AA Large
1.3
Fail
14.5
AAA
2.3
Fail
4.4
AA Large
—
3.3
AA Large
3.3
AA Large
1.4
Fail
1.3
Fail
3.3
AA Large
—
11.0
AAA
7.6
AAA
14.5
AAA
3.3
AA Large
11.0
AAA
—
White BG
8.2AAA
15.6AAA
3.6AA Large
11.8AAA
1.1Fail
Black BG
2.6Fail
1.3Fail
5.9AA
1.8Fail
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B44
252520
909065
3F3E1C
FBFBEC

Deuteranopia

5E6144
262620
929368
40411E
FBFCED

Tritanopia

6C4444
272121
986D6F
452224
FFEEEF

Achromatopsia

515151
242424
868686
363636
F7F7F7

Shades & Tints Shades & Tints

#6E4444

Dark
Light

#27231F

Dark
Light

#99855B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e4444;
  --color-2: #27231f;
  --color-3: #99855b;
  --color-4: #463514;
  --color-5: #fff5e9;
}

SCSS

$color-1: #6e4444;
$color-2: #27231f;
$color-3: #99855b;
$color-4: #463514;
$color-5: #fff5e9;

TAILWIND

colors: {
  'brand-1': '#6e4444',
  'brand-2': '#27231f',
  'brand-3': '#99855b',
  'brand-4': '#463514',
  'brand-5': '#fff5e9',
}

RGB Array

[110, 68, 68], [39, 35, 31], [153, 133, 91], [70, 53, 20], [255, 245, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #6E4444, #27231F, #99855B, #463514, #FFF5E9 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: #6e4444; --color-2: #27231f; --color-3: #99855b; --color-4: #463514; --color-5: #fff5e9. 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 dark-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