← Back to Editor

#EB072E · #FF3C32 · #F89D55 · #F3B16E · #6584F6

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EB072E

Vermilion · Crimson · Passion Red

HEX
#EB072E
RGB
rgb(235, 7, 46)
HSL
hsl(350, 94%, 47%)
HSB
hsb(350, 97%, 92%)
CMYK
cmyk(0%, 97%, 80%, 8%)
Oklch
oklch(59.4% 0.238 23.9)

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

#FF3C32

Vermilion · Tomato · Passion Red

HEX
#FF3C32
RGB
rgb(255, 60, 50)
HSL
hsl(3, 100%, 60%)
HSB
hsb(3, 80%, 100%)
CMYK
cmyk(0%, 76%, 80%, 0%)
Oklch
oklch(65.5% 0.231 28.4)

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

#F89D55

Apricot · SandyBrown · Warm Sun

HEX
#F89D55
RGB
rgb(248, 157, 85)
HSL
hsl(27, 92%, 65%)
HSB
hsb(27, 66%, 97%)
CMYK
cmyk(0%, 37%, 66%, 3%)
Oklch
oklch(77.5% 0.139 57.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F3B16E

Ginger · SandyBrown · Warm Sun

HEX
#F3B16E
RGB
rgb(243, 177, 110)
HSL
hsl(30, 85%, 69%)
HSB
hsb(30, 55%, 95%)
CMYK
cmyk(0%, 27%, 55%, 5%)
Oklch
oklch(80.8% 0.114 65.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#6584F6

Azure · CornflowerBlue · Cobalt Blue

HEX
#6584F6
RGB
rgb(101, 132, 246)
HSL
hsl(227, 89%, 68%)
HSB
hsb(227, 59%, 96%)
CMYK
cmyk(59%, 46%, 0%, 4%)
Oklch
oklch(64.6% 0.173 269.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB072E
07E9C3

Analogous

E9079D
EB072E
E95207

Triadic

EB072E
2DE907
072DE9

Split-Comp.

EB072E
07E952
079DE9

Tetradic

EB072E
9DE907
07E9C3
5207E9

Contrast Matrix WCAG 2.1 Contrast

EB072E
FF3C32
F89D55
F3B16E
6584F6
—
1.3
Fail
2.2
Fail
2.5
Fail
1.3
Fail
1.3
Fail
—
1.7
Fail
1.9
Fail
1.0
Fail
2.2
Fail
1.7
Fail
—
1.1
Fail
1.6
Fail
2.5
Fail
1.9
Fail
1.1
Fail
—
1.8
Fail
1.3
Fail
1.0
Fail
1.6
Fail
1.8
Fail
—
White BG
4.6AA
3.5AA Large
2.1Fail
1.9Fail
3.4AA Large
Black BG
4.6AA
5.9AA
9.9AAA
11.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888625
ABA934
D1D066
D6D67E
7273DA

Deuteranopia

96A722
B6C535
D6DD6B
DADF82
716ED4

Tritanopia

E01D1B
F53637
F37477
F08B8E
67C5C0

Achromatopsia

505050
757575
B0B0B0
BDBDBD
888888

Shades & Tints Shades & Tints

#EB072E

Dark
Light

#FF3C32

Dark
Light

#F89D55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb072e;
  --color-2: #ff3c32;
  --color-3: #f89d55;
  --color-4: #f3b16e;
  --color-5: #6584f6;
}

SCSS

$color-1: #eb072e;
$color-2: #ff3c32;
$color-3: #f89d55;
$color-4: #f3b16e;
$color-5: #6584f6;

TAILWIND

colors: {
  'brand-1': '#eb072e',
  'brand-2': '#ff3c32',
  'brand-3': '#f89d55',
  'brand-4': '#f3b16e',
  'brand-5': '#6584f6',
}

RGB Array

[235, 7, 46], [255, 60, 50], [248, 157, 85], [243, 177, 110], [101, 132, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EB072E, #FF3C32, #F89D55, #F3B16E, #6584F6 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #eb072e; --color-2: #ff3c32; --color-3: #f89d55; --color-4: #f3b16e; --color-5: #6584f6. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 space-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