← Back to Editor

#EB3F3F · #D1143E · #A60034 · #45052B · #240E2B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB3F3F

Vermilion · Tomato · Passion Red

HEX
#EB3F3F
RGB
rgb(235, 63, 63)
HSL
hsl(0, 81%, 58%)
HSB
hsb(0, 73%, 92%)
CMYK
cmyk(0%, 73%, 73%, 8%)
Oklch
oklch(62.5% 0.209 25.6)

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

#D1143E

Vermilion · Crimson · Passion Red

HEX
#D1143E
RGB
rgb(209, 20, 62)
HSL
hsl(347, 83%, 45%)
HSB
hsb(347, 90%, 82%)
CMYK
cmyk(0%, 90%, 70%, 18%)
Oklch
oklch(55.1% 0.213 18.5)

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

#A60034

Dark Violet · FireBrick · Camellia

HEX
#A60034
RGB
rgb(166, 0, 52)
HSL
hsl(341, 100%, 33%)
HSB
hsb(341, 100%, 65%)
CMYK
cmyk(0%, 100%, 69%, 35%)
Oklch
oklch(46.1% 0.184 15.6)

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

#45052B

Rose Purple · Maroon · Raspberry

HEX
#45052B
RGB
rgb(69, 5, 43)
HSL
hsl(324, 86%, 15%)
HSB
hsb(324, 93%, 27%)
CMYK
cmyk(0%, 93%, 38%, 73%)
Oklch
oklch(26.3% 0.101 350.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#240E2B

Royal Purple · Black · Dark Purple

HEX
#240E2B
RGB
rgb(36, 14, 43)
HSL
hsl(286, 51%, 11%)
HSB
hsb(286, 67%, 17%)
CMYK
cmyk(16%, 67%, 0%, 83%)
Oklch
oklch(21.3% 0.061 317.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB3F3F
3DEBEB

Analogous

EB3D94
EB3F3F
EB943D

Triadic

EB3F3F
3DEB3D
3D3DEB

Split-Comp.

EB3F3F
3DEB94
3D94EB

Tetradic

EB3F3F
94EB3D
3DEBEB
943DEB

Contrast Matrix WCAG 2.1 Contrast

EB3F3F
D1143E
A60034
45052B
240E2B
—
1.4
Fail
2.0
Fail
4.1
AA Large
4.5
AA
1.4
Fail
—
1.5
Fail
3.0
Fail
3.3
AA Large
2.0
Fail
1.5
Fail
—
2.0
Fail
2.3
Fail
4.1
AA Large
3.0
Fail
2.0
Fail
—
1.1
Fail
4.5
AA
3.3
AA Large
2.3
Fail
1.1
Fail
—
White BG
4.0AA Large
5.4AA
7.9AAA
16.0AAA
17.9AAA
Black BG
5.3AA
3.9AA Large
2.7Fail
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A19F3F
7F7D34
5E5D27
292922
1A1A24

Deuteranopia

ABB73F
8A9831
687424
2D3220
1C1D22

Tritanopia

E23F3F
C82C2A
9E1D1B
421B19
231E1D

Achromatopsia

727272
515151
383838
1C1C1C
181818

Shades & Tints Shades & Tints

#EB3F3F

Dark
Light

#D1143E

Dark
Light

#A60034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb3f3f;
  --color-2: #d1143e;
  --color-3: #a60034;
  --color-4: #45052b;
  --color-5: #240e2b;
}

SCSS

$color-1: #eb3f3f;
$color-2: #d1143e;
$color-3: #a60034;
$color-4: #45052b;
$color-5: #240e2b;

TAILWIND

colors: {
  'brand-1': '#eb3f3f',
  'brand-2': '#d1143e',
  'brand-3': '#a60034',
  'brand-4': '#45052b',
  'brand-5': '#240e2b',
}

RGB Array

[235, 63, 63], [209, 20, 62], [166, 0, 52], [69, 5, 43], [36, 14, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB3F3F, #D1143E, #A60034, #45052B, #240E2B 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: #eb3f3f; --color-2: #d1143e; --color-3: #a60034; --color-4: #45052b; --color-5: #240e2b. 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