← Back to Editor

#EB000F · #130F14 · #673C35 · #FFDA84 · #403643

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

#EB000F

Vermilion · Red · Passion Red

HEX
#EB000F
RGB
rgb(235, 0, 15)
HSL
hsl(356, 100%, 46%)
HSB
hsb(356, 100%, 92%)
CMYK
cmyk(0%, 100%, 94%, 8%)
Oklch
oklch(59.1% 0.242 28.2)

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

#130F14

Dark Plum · Black · Dark Purple

HEX
#130F14
RGB
rgb(19, 15, 20)
HSL
hsl(288, 14%, 7%)
HSB
hsb(288, 25%, 8%)
CMYK
cmyk(5%, 25%, 0%, 92%)
Oklch
oklch(17.6% 0.012 319.5)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#673C35

Crimson · DarkOliveGreen · Wine Red

HEX
#673C35
RGB
rgb(103, 60, 53)
HSL
hsl(8, 32%, 31%)
HSB
hsb(8, 49%, 40%)
CMYK
cmyk(0%, 42%, 49%, 60%)
Oklch
oklch(40.6% 0.062 30.0)

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

#FFDA84

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDA84
RGB
rgb(255, 218, 132)
HSL
hsl(42, 100%, 76%)
HSB
hsb(42, 48%, 100%)
CMYK
cmyk(0%, 15%, 48%, 0%)
Oklch
oklch(90.2% 0.113 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#403643

Dark Plum · DarkSlateGray · Eggplant

HEX
#403643
RGB
rgb(64, 54, 67)
HSL
hsl(286, 11%, 24%)
HSB
hsb(286, 19%, 26%)
CMYK
cmyk(4%, 19%, 0%, 74%)
Oklch
oklch(34.9% 0.026 318.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB000F
00EBDB

Analogous

EB0085
EB000F
EB6600

Triadic

EB000F
10EB00
0010EB

Split-Comp.

EB000F
00EB66
0085EB

Tetradic

EB000F
85EB00
00EBDB
6600EB

Contrast Matrix WCAG 2.1 Contrast

EB000F
130F14
673C35
FFDA84
403643
—
4.1
AA Large
2.0
Fail
3.4
AA Large
2.5
Fail
4.1
AA Large
—
2.1
Fail
14.1
AAA
1.7
Fail
2.0
Fail
2.1
Fail
—
6.9
AA
1.2
Fail
3.4
AA Large
14.1
AAA
6.9
AA
—
8.5
AAA
2.5
Fail
1.7
Fail
1.2
Fail
8.5
AAA
—
White BG
4.6AA
19.0AAA
9.2AAA
1.3Fail
11.5AAA
Black BG
4.5AA
1.1Fail
2.3Fail
15.6AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

85830B
111113
545437
EFEF99
3C3C40

Deuteranopia

93A50B
121213
575A37
F1F49E
3C3D3F

Tritanopia

DF0908
131212
653838
FDA9AD
403D3D

Achromatopsia

484848
111111
484848
DBDBDB
3A3A3A

Shades & Tints Shades & Tints

#EB000F

Dark
Light

#130F14

Dark
Light

#673C35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb000f;
  --color-2: #130f14;
  --color-3: #673c35;
  --color-4: #ffda84;
  --color-5: #403643;
}

SCSS

$color-1: #eb000f;
$color-2: #130f14;
$color-3: #673c35;
$color-4: #ffda84;
$color-5: #403643;

TAILWIND

colors: {
  'brand-1': '#eb000f',
  'brand-2': '#130f14',
  'brand-3': '#673c35',
  'brand-4': '#ffda84',
  'brand-5': '#403643',
}

RGB Array

[235, 0, 15], [19, 15, 20], [103, 60, 53], [255, 218, 132], [64, 54, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB000F, #130F14, #673C35, #FFDA84, #403643 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: #eb000f; --color-2: #130f14; --color-3: #673c35; --color-4: #ffda84; --color-5: #403643. 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