← Back to Editor

#EB2508 · #E45918 · #350C34 · #2B7368 · #AF9074

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

#EB2508

Vermilion · OrangeRed · Passion Red

HEX
#EB2508
RGB
rgb(235, 37, 8)
HSL
hsl(8, 93%, 48%)
HSB
hsb(8, 97%, 92%)
CMYK
cmyk(0%, 84%, 97%, 8%)
Oklch
oklch(60.2% 0.231 31.0)

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

#E45918

Tangerine · Chocolate · Amber Brown

HEX
#E45918
RGB
rgb(228, 89, 24)
HSL
hsl(19, 81%, 49%)
HSB
hsb(19, 89%, 89%)
CMYK
cmyk(0%, 61%, 89%, 11%)
Oklch
oklch(63.8% 0.186 41.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#350C34

Rose Purple · MidnightBlue · Dark Purple

HEX
#350C34
RGB
rgb(53, 12, 52)
HSL
hsl(301, 63%, 13%)
HSB
hsb(301, 77%, 21%)
CMYK
cmyk(0%, 77%, 2%, 79%)
Oklch
oklch(24.4% 0.086 328.8)

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

#2B7368

Mineral Blue · SeaGreen · Mint Ice

HEX
#2B7368
RGB
rgb(43, 115, 104)
HSL
hsl(171, 46%, 31%)
HSB
hsb(171, 63%, 45%)
CMYK
cmyk(63%, 0%, 10%, 55%)
Oklch
oklch(50.7% 0.073 181.5)

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

#AF9074

Tangerine · Gray · Warm Sun

HEX
#AF9074
RGB
rgb(175, 144, 116)
HSL
hsl(28, 27%, 57%)
HSB
hsb(28, 34%, 69%)
CMYK
cmyk(0%, 18%, 34%, 31%)
Oklch
oklch(67.5% 0.054 63.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB2508
09CEEC

Analogous

EC095C
EB2508
EC9909

Triadic

EB2508
09EC27
2709EC

Split-Comp.

EB2508
09EC99
095CEC

Tetradic

EB2508
5CEC09
09CEEC
9909EC

Contrast Matrix WCAG 2.1 Contrast

EB2508
E45918
350C34
2B7368
AF9074
—
1.2
Fail
3.8
AA Large
1.3
Fail
1.5
Fail
1.2
Fail
—
4.6
AA
1.5
Fail
1.2
Fail
3.8
AA Large
4.6
AA
—
3.0
Fail
5.6
AA
1.3
Fail
1.5
Fail
3.0
Fail
—
1.9
Fail
1.5
Fail
1.2
Fail
5.6
AA
1.9
Fail
—
White BG
4.4AA Large
3.7AA Large
16.8AAA
5.6AA
3.0Fail
Black BG
4.8AA
5.7AA
1.3Fail
3.8AA Large
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

95930F
A8A728
23232A
4A4B6B
A2A17B

Deuteranopia

A1B011
B0BA2C
262928
46416B
A3A67C

Tritanopia

E11516
DD3437
332321
2F6D6D
AD8081

Achromatopsia

5D5D5D
7B7B7B
1D1D1D
5C5C5C
969696

Shades & Tints Shades & Tints

#EB2508

Dark
Light

#E45918

Dark
Light

#350C34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb2508;
  --color-2: #e45918;
  --color-3: #350c34;
  --color-4: #2b7368;
  --color-5: #af9074;
}

SCSS

$color-1: #eb2508;
$color-2: #e45918;
$color-3: #350c34;
$color-4: #2b7368;
$color-5: #af9074;

TAILWIND

colors: {
  'brand-1': '#eb2508',
  'brand-2': '#e45918',
  'brand-3': '#350c34',
  'brand-4': '#2b7368',
  'brand-5': '#af9074',
}

RGB Array

[235, 37, 8], [228, 89, 24], [53, 12, 52], [43, 115, 104], [175, 144, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB2508, #E45918, #350C34, #2B7368, #AF9074 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: #eb2508; --color-2: #e45918; --color-3: #350c34; --color-4: #2b7368; --color-5: #af9074. 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