← Back to Editor

#E6095A · #5C0512 · #8C8C8C · #5C3F05 · #61575F

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 Library

Color Details Color Details

#E6095A

Dark Violet · Crimson · Camellia

HEX
#E6095A
RGB
rgb(230, 9, 90)
HSL
hsl(338, 92%, 47%)
HSB
hsb(338, 96%, 90%)
CMYK
cmyk(0%, 96%, 61%, 10%)
Oklch
oklch(59.2% 0.234 11.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5C0512

Vermilion · Maroon · Deep Berry

HEX
#5C0512
RGB
rgb(92, 5, 18)
HSL
hsl(351, 90%, 19%)
HSB
hsb(351, 95%, 36%)
CMYK
cmyk(0%, 95%, 80%, 64%)
Oklch
oklch(30.4% 0.117 21.5)

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

#8C8C8C

Ash · Gray · Warm Gray

HEX
#8C8C8C
RGB
rgb(140, 140, 140)
HSL
hsl(0, 0%, 55%)
HSB
hsb(0, 0%, 55%)
CMYK
cmyk(0%, 0%, 0%, 45%)
Oklch
oklch(64.0% 0.000 89.9)

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

#5C3F05

Ochre · DarkOliveGreen · Amber Gold

HEX
#5C3F05
RGB
rgb(92, 63, 5)
HSL
hsl(40, 90%, 19%)
HSB
hsb(40, 95%, 36%)
CMYK
cmyk(0%, 32%, 95%, 64%)
Oklch
oklch(39.1% 0.079 78.0)

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

#61575F

Ink Gray · DimGray · Charcoal

HEX
#61575F
RGB
rgb(97, 87, 95)
HSL
hsl(312, 5%, 36%)
HSB
hsb(312, 10%, 38%)
CMYK
cmyk(0%, 10%, 2%, 62%)
Oklch
oklch(46.9% 0.018 332.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6095A
0AE695

Analogous

E60AC9
E6095A
E6270A

Triadic

E6095A
5AE60A
0A5AE6

Split-Comp.

E6095A
0AE627
0AC9E6

Tetradic

E6095A
C9E60A
0AE695
270AE6

Contrast Matrix WCAG 2.1 Contrast

E6095A
5C0512
8C8C8C
5C3F05
61575F
—
3.1
AA Large
1.4
Fail
2.1
Fail
1.5
Fail
3.1
AA Large
—
4.2
AA Large
1.5
Fail
2.0
Fail
1.4
Fail
4.2
AA Large
—
2.9
Fail
2.1
Fail
2.1
Fail
1.5
Fail
2.9
Fail
—
1.4
Fail
1.5
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
White BG
4.6AA
14.1AAA
3.4AA Large
9.7AAA
6.9AA
Black BG
4.6AA
1.5Fail
6.2AA
2.2Fail
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

868446
36360F
8C8C8C
4F4F13
5D5D5D

Deuteranopia

93A442
3B420E
8C8C8C
515316
5D5E5D

Tritanopia

DB3734
580C0C
8C8C8C
5B1E21
605C5B

Achromatopsia

545454
202020
8C8C8C
414141
5B5B5B

Shades & Tints Shades & Tints

#E6095A

Dark
Light

#5C0512

Dark
Light

#8C8C8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6095a;
  --color-2: #5c0512;
  --color-3: #8c8c8c;
  --color-4: #5c3f05;
  --color-5: #61575f;
}

SCSS

$color-1: #e6095a;
$color-2: #5c0512;
$color-3: #8c8c8c;
$color-4: #5c3f05;
$color-5: #61575f;

TAILWIND

colors: {
  'brand-1': '#e6095a',
  'brand-2': '#5c0512',
  'brand-3': '#8c8c8c',
  'brand-4': '#5c3f05',
  'brand-5': '#61575f',
}

RGB Array

[230, 9, 90], [92, 5, 18], [140, 140, 140], [92, 63, 5], [97, 87, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6095A, #5C0512, #8C8C8C, #5C3F05, #61575F is ideal for: tech websites, dark mode UIs, game UIs. 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: #e6095a; --color-2: #5c0512; --color-3: #8c8c8c; --color-4: #5c3f05; --color-5: #61575f. 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. 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