← Back to Editor

#EB3121 · #FA6125 · #FC7F2C · #FFB340 · #B8E8F7

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

#EB3121

Vermilion · Crimson · Passion Red

HEX
#EB3121
RGB
rgb(235, 49, 33)
HSL
hsl(5, 83%, 53%)
HSB
hsb(5, 86%, 92%)
CMYK
cmyk(0%, 79%, 86%, 8%)
Oklch
oklch(61.1% 0.222 29.8)

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

#FA6125

Tangerine · Tomato · Warm Sun

HEX
#FA6125
RGB
rgb(250, 97, 37)
HSL
hsl(17, 96%, 56%)
HSB
hsb(17, 85%, 98%)
CMYK
cmyk(0%, 61%, 85%, 2%)
Oklch
oklch(68.3% 0.199 39.3)

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

#FC7F2C

Tangerine · Coral · Warm Sun

HEX
#FC7F2C
RGB
rgb(252, 127, 44)
HSL
hsl(24, 97%, 58%)
HSB
hsb(24, 83%, 99%)
CMYK
cmyk(0%, 50%, 83%, 1%)
Oklch
oklch(72.8% 0.177 49.2)

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

#FFB340

Ginger · SandyBrown · Warm Sun

HEX
#FFB340
RGB
rgb(255, 179, 64)
HSL
hsl(36, 100%, 63%)
HSB
hsb(36, 75%, 100%)
CMYK
cmyk(0%, 30%, 75%, 0%)
Oklch
oklch(82.0% 0.152 73.2)

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

#B8E8F7

Sky Blue · LightBlue · Glacier Blue

HEX
#B8E8F7
RGB
rgb(184, 232, 247)
HSL
hsl(194, 80%, 85%)
HSB
hsb(194, 26%, 97%)
CMYK
cmyk(26%, 6%, 0%, 3%)
Oklch
oklch(90.2% 0.053 218.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB3121
24DAEB

Analogous

EB2477
EB3121
EB9824

Triadic

EB3121
24EB34
3424EB

Split-Comp.

EB3121
24EB98
2477EB

Tetradic

EB3121
77EB24
24DAEB
9824EB

Contrast Matrix WCAG 2.1 Contrast

EB3121
FA6125
FC7F2C
FFB340
B8E8F7
—
1.4
Fail
1.6
Fail
2.4
Fail
3.2
AA Large
1.4
Fail
—
1.2
Fail
1.7
Fail
2.3
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
3.2
AA Large
2.3
Fail
1.9
Fail
1.4
Fail
—
White BG
4.2AA Large
3.1AA Large
2.6Fail
1.8Fail
1.3Fail
Black BG
5.0AA
6.8AA
8.2AAA
11.8AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9925
B8B634
C6C540
DEDD5C
CDCDF3

Deuteranopia

A5B326
C1CC37
CDD645
E3E863
CAC6F2

Tritanopia

E22829
F23F42
F65053
FB7277
BAF1F0

Achromatopsia

676767
888888
9B9B9B
BDBDBD
DBDBDB

Shades & Tints Shades & Tints

#EB3121

Dark
Light

#FA6125

Dark
Light

#FC7F2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb3121;
  --color-2: #fa6125;
  --color-3: #fc7f2c;
  --color-4: #ffb340;
  --color-5: #b8e8f7;
}

SCSS

$color-1: #eb3121;
$color-2: #fa6125;
$color-3: #fc7f2c;
$color-4: #ffb340;
$color-5: #b8e8f7;

TAILWIND

colors: {
  'brand-1': '#eb3121',
  'brand-2': '#fa6125',
  'brand-3': '#fc7f2c',
  'brand-4': '#ffb340',
  'brand-5': '#b8e8f7',
}

RGB Array

[235, 49, 33], [250, 97, 37], [252, 127, 44], [255, 179, 64], [184, 232, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EB3121, #FA6125, #FC7F2C, #FFB340, #B8E8F7 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: #eb3121; --color-2: #fa6125; --color-3: #fc7f2c; --color-4: #ffb340; --color-5: #b8e8f7. 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