← Back to Editor

#8B1000 · #EBDBC3 · #56555E · #3D4354 · #26282E

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

#8B1000

Vermilion · DarkRed · Wine Red

HEX
#8B1000
RGB
rgb(139, 16, 0)
HSL
hsl(7, 100%, 27%)
HSB
hsb(7, 100%, 55%)
CMYK
cmyk(0%, 88%, 100%, 45%)
Oklch
oklch(40.7% 0.157 31.3)

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

#EBDBC3

Goose Yellow · Wheat · Peach Orange

HEX
#EBDBC3
RGB
rgb(235, 219, 195)
HSL
hsl(36, 50%, 84%)
HSB
hsb(36, 17%, 92%)
CMYK
cmyk(0%, 7%, 17%, 8%)
Oklch
oklch(89.8% 0.037 78.1)

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

#56555E

Ink Gray · DimGray · Charcoal

HEX
#56555E
RGB
rgb(86, 85, 94)
HSL
hsl(247, 5%, 35%)
HSB
hsb(247, 10%, 37%)
CMYK
cmyk(9%, 10%, 0%, 63%)
Oklch
oklch(45.4% 0.015 290.9)

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

#3D4354

Indigo · DarkSlateGray · Prussian Blue

HEX
#3D4354
RGB
rgb(61, 67, 84)
HSL
hsl(224, 16%, 28%)
HSB
hsb(224, 27%, 33%)
CMYK
cmyk(27%, 20%, 0%, 67%)
Oklch
oklch(38.4% 0.030 269.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#26282E

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#26282E
RGB
rgb(38, 40, 46)
HSL
hsl(225, 10%, 16%)
HSB
hsb(225, 17%, 18%)
CMYK
cmyk(17%, 13%, 0%, 82%)
Oklch
oklch(27.7% 0.011 271.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B1000
007A8A

Analogous

8A0035
8B1000
8A5500

Triadic

8B1000
008A10
10008A

Split-Comp.

8B1000
008A55
00358A

Tetradic

8B1000
358A00
007A8A
55008A

Contrast Matrix WCAG 2.1 Contrast

8B1000
EBDBC3
56555E
3D4354
26282E
—
7.1
AAA
1.3
Fail
1.0
Fail
1.5
Fail
7.1
AAA
—
5.4
AA
7.3
AAA
10.8
AAA
1.3
Fail
5.4
AA
—
1.3
Fail
2.0
Fail
1.0
Fail
7.3
AAA
1.3
Fail
—
1.5
Fail
1.5
Fail
10.8
AAA
2.0
Fail
1.5
Fail
—
White BG
9.7AAA
1.4Fail
7.4AAA
9.9AAA
14.7AAA
Black BG
2.2Fail
15.5AAA
2.9Fail
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

565504
E4E4C9
56565C
404050
27272D

Deuteranopia

5D6605
E5E6CA
56565B
3F3F4F
27272C

Tritanopia

850708
EACDCE
565A5A
3D4D4C
262B2B

Achromatopsia

333333
DDDDDD
565656
434343
282828

Shades & Tints Shades & Tints

#8B1000

Dark
Light

#EBDBC3

Dark
Light

#56555E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b1000;
  --color-2: #ebdbc3;
  --color-3: #56555e;
  --color-4: #3d4354;
  --color-5: #26282e;
}

SCSS

$color-1: #8b1000;
$color-2: #ebdbc3;
$color-3: #56555e;
$color-4: #3d4354;
$color-5: #26282e;

TAILWIND

colors: {
  'brand-1': '#8b1000',
  'brand-2': '#ebdbc3',
  'brand-3': '#56555e',
  'brand-4': '#3d4354',
  'brand-5': '#26282e',
}

RGB Array

[139, 16, 0], [235, 219, 195], [86, 85, 94], [61, 67, 84], [38, 40, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8B1000, #EBDBC3, #56555E, #3D4354, #26282E 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: #8b1000; --color-2: #ebdbc3; --color-3: #56555e; --color-4: #3d4354; --color-5: #26282e. 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