← Back to Editor

#EB1E23 · #D9DFD1 · #008F86 · #000815 · #41363A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB1E23

Vermilion · Crimson · Passion Red

HEX
#EB1E23
RGB
rgb(235, 30, 35)
HSL
hsl(359, 84%, 52%)
HSB
hsb(359, 87%, 92%)
CMYK
cmyk(0%, 87%, 85%, 8%)
Oklch
oklch(60.0% 0.232 27.3)

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

#D9DFD1

Willow Green · LightGray · Mint Green

HEX
#D9DFD1
RGB
rgb(217, 223, 209)
HSL
hsl(86, 18%, 85%)
HSB
hsb(86, 6%, 87%)
CMYK
cmyk(3%, 0%, 6%, 13%)
Oklch
oklch(89.5% 0.020 125.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#008F86

Mineral Blue · Teal · Mint Ice

HEX
#008F86
RGB
rgb(0, 143, 134)
HSL
hsl(176, 100%, 28%)
HSB
hsb(176, 100%, 56%)
CMYK
cmyk(100%, 0%, 6%, 44%)
Oklch
oklch(58.5% 0.102 187.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#000815

Indigo · Black · Deep Sea Blue

HEX
#000815
RGB
rgb(0, 8, 21)
HSL
hsl(217, 100%, 4%)
HSB
hsb(217, 100%, 8%)
CMYK
cmyk(100%, 62%, 0%, 92%)
Oklch
oklch(13.1% 0.036 248.4)

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

#41363A

Dark Violet · DarkSlateGray · Dark Stone

HEX
#41363A
RGB
rgb(65, 54, 58)
HSL
hsl(338, 9%, 23%)
HSB
hsb(338, 17%, 25%)
CMYK
cmyk(0%, 17%, 11%, 75%)
Oklch
oklch(34.6% 0.017 354.1)

Traditional「Dark Violet」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB1E23
1EEBE8

Analogous

EB1E88
EB1E23
EB811E

Triadic

EB1E23
21EB1E
1E21EB

Split-Comp.

EB1E23
1EEB81
1E88EB

Tetradic

EB1E23
88EB1E
1EEBE8
811EEB

Contrast Matrix WCAG 2.1 Contrast

EB1E23
D9DFD1
008F86
000815
41363A
—
3.3
AA Large
1.1
Fail
4.5
AA
2.6
Fail
3.3
AA Large
—
2.9
Fail
14.8
AAA
8.5
AAA
1.1
Fail
2.9
Fail
—
5.0
AA
2.9
Fail
4.5
AA
14.8
AAA
5.0
AA
—
1.7
Fail
2.6
Fail
8.5
AAA
2.9
Fail
1.7
Fail
—
White BG
4.4AA Large
1.4Fail
4.0AA Large
20.1AAA
11.6AAA
Black BG
4.7AA
15.4AAA
5.3AA
1.0Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929022
DCDCD4
3E3F88
030412
3C3C39

Deuteranopia

9EAE22
DBDBD5
362B89
030211
3D3E39

Tritanopia

E12121
D9D7D8
078A8A
000F0F
403838

Achromatopsia

5C5C5C
DCDCDC
636363
070707
3A3A3A

Shades & Tints Shades & Tints

#EB1E23

Dark
Light

#D9DFD1

Dark
Light

#008F86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb1e23;
  --color-2: #d9dfd1;
  --color-3: #008f86;
  --color-4: #000815;
  --color-5: #41363a;
}

SCSS

$color-1: #eb1e23;
$color-2: #d9dfd1;
$color-3: #008f86;
$color-4: #000815;
$color-5: #41363a;

TAILWIND

colors: {
  'brand-1': '#eb1e23',
  'brand-2': '#d9dfd1',
  'brand-3': '#008f86',
  'brand-4': '#000815',
  'brand-5': '#41363a',
}

RGB Array

[235, 30, 35], [217, 223, 209], [0, 143, 134], [0, 8, 21], [65, 54, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB1E23, #D9DFD1, #008F86, #000815, #41363A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eb1e23; --color-2: #d9dfd1; --color-3: #008f86; --color-4: #000815; --color-5: #41363a. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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