← Back to Editor

#6E1E1E · #240606 · #3D2514 · #9E9D65 · #93C793

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

#6E1E1E

Crimson · Maroon · Wine Red

HEX
#6E1E1E
RGB
rgb(110, 30, 30)
HSL
hsl(0, 57%, 27%)
HSB
hsb(0, 73%, 43%)
CMYK
cmyk(0%, 73%, 73%, 57%)
Oklch
oklch(36.5% 0.113 24.7)

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

#240606

Vermilion · Black · Deep Berry

HEX
#240606
RGB
rgb(36, 6, 6)
HSL
hsl(0, 71%, 8%)
HSB
hsb(0, 83%, 14%)
CMYK
cmyk(0%, 83%, 83%, 86%)
Oklch
oklch(17.9% 0.052 24.0)

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

#3D2514

Tangerine · DarkSlateGray · Cinnamon

HEX
#3D2514
RGB
rgb(61, 37, 20)
HSL
hsl(25, 51%, 16%)
HSB
hsb(25, 67%, 24%)
CMYK
cmyk(0%, 39%, 67%, 76%)
Oklch
oklch(29.1% 0.046 55.1)

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

#9E9D65

Autumn Sage · Gray · Sunflower

HEX
#9E9D65
RGB
rgb(158, 157, 101)
HSL
hsl(59, 23%, 51%)
HSB
hsb(59, 36%, 62%)
CMYK
cmyk(0%, 1%, 36%, 38%)
Oklch
oklch(68.3% 0.076 107.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#93C793

Celadon · DarkSeaGreen · Apple Green

HEX
#93C793
RGB
rgb(147, 199, 147)
HSL
hsl(120, 32%, 68%)
HSB
hsb(120, 26%, 78%)
CMYK
cmyk(26%, 0%, 26%, 22%)
Oklch
oklch(78.0% 0.091 144.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E1E1E
1E6C6C

Analogous

6C1E45
6E1E1E
6C451E

Triadic

6E1E1E
1E6C1E
1E1E6C

Split-Comp.

6E1E1E
1E6C45
1E456C

Tetradic

6E1E1E
456C1E
1E6C6C
451E6C

Contrast Matrix WCAG 2.1 Contrast

6E1E1E
240606
3D2514
9E9D65
93C793
—
1.7
Fail
1.3
Fail
4.0
AA Large
5.8
AA
1.7
Fail
—
1.3
Fail
6.8
AA
9.8
AAA
1.3
Fail
1.3
Fail
—
5.1
AA
7.4
AAA
4.0
AA Large
6.8
AA
5.1
AA
—
1.5
Fail
5.8
AA
9.8
AAA
7.4
AAA
1.5
Fail
—
White BG
11.2AAA
19.0AAA
14.3AAA
2.8Fail
1.9Fail
Black BG
1.9Fail
1.1Fail
1.5Fail
7.5AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4B1E
171706
333218
9E9E73
AAAAA0

Deuteranopia

50561E
191B06
343619
9E9E76
A7A3A3

Tritanopia

6A1E1E
220606
3C1B1C
9E7D80
96AAAC

Achromatopsia

363636
0F0F0F
2A2A2A
979797
B2B2B2

Shades & Tints Shades & Tints

#6E1E1E

Dark
Light

#240606

Dark
Light

#3D2514

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e1e1e;
  --color-2: #240606;
  --color-3: #3d2514;
  --color-4: #9e9d65;
  --color-5: #93c793;
}

SCSS

$color-1: #6e1e1e;
$color-2: #240606;
$color-3: #3d2514;
$color-4: #9e9d65;
$color-5: #93c793;

TAILWIND

colors: {
  'brand-1': '#6e1e1e',
  'brand-2': '#240606',
  'brand-3': '#3d2514',
  'brand-4': '#9e9d65',
  'brand-5': '#93c793',
}

RGB Array

[110, 30, 30], [36, 6, 6], [61, 37, 20], [158, 157, 101], [147, 199, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E1E1E, #240606, #3D2514, #9E9D65, #93C793 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: #6e1e1e; --color-2: #240606; --color-3: #3d2514; --color-4: #9e9d65; --color-5: #93c793. 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