← Back to Editor

#B41E1E · #F75201 · #F7BA01 · #88BC08 · #0BAABA

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 App

Color Details Color Details

#B41E1E

Vermilion · FireBrick · Passion Red

HEX
#B41E1E
RGB
rgb(180, 30, 30)
HSL
hsl(0, 71%, 41%)
HSB
hsb(0, 83%, 71%)
CMYK
cmyk(0%, 83%, 83%, 29%)
Oklch
oklch(49.7% 0.185 27.2)

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

#F75201

Tangerine · OrangeRed · Amber Brown

HEX
#F75201
RGB
rgb(247, 82, 1)
HSL
hsl(20, 99%, 49%)
HSB
hsb(20, 100%, 97%)
CMYK
cmyk(0%, 67%, 100%, 3%)
Oklch
oklch(66.0% 0.212 38.7)

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

#F7BA01

Ochre · Orange · Honey Gold

HEX
#F7BA01
RGB
rgb(247, 186, 1)
HSL
hsl(45, 99%, 49%)
HSB
hsb(45, 100%, 97%)
CMYK
cmyk(0%, 25%, 100%, 3%)
Oklch
oklch(82.2% 0.168 84.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#88BC08

Grass Green · Olive · Forest Green

HEX
#88BC08
RGB
rgb(136, 188, 8)
HSL
hsl(77, 92%, 38%)
HSB
hsb(77, 96%, 74%)
CMYK
cmyk(28%, 0%, 96%, 26%)
Oklch
oklch(73.1% 0.187 127.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#0BAABA

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0BAABA
RGB
rgb(11, 170, 186)
HSL
hsl(185, 89%, 39%)
HSB
hsb(185, 94%, 73%)
CMYK
cmyk(94%, 9%, 0%, 27%)
Oklch
oklch(67.5% 0.114 206.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B41E1E
1EB3B3

Analogous

B31E69
B41E1E
B3691E

Triadic

B41E1E
1EB31E
1E1EB3

Split-Comp.

B41E1E
1EB369
1E69B3

Tetradic

B41E1E
69B31E
1EB3B3
691EB3

Contrast Matrix WCAG 2.1 Contrast

B41E1E
F75201
F7BA01
88BC08
0BAABA
—
2.0
Fail
3.8
AA Large
2.9
Fail
2.4
Fail
2.0
Fail
—
1.9
Fail
1.5
Fail
1.2
Fail
3.8
AA Large
1.9
Fail
—
1.3
Fail
1.6
Fail
2.9
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.2
Fail
1.6
Fail
1.2
Fail
—
White BG
6.7AA
3.4AA Large
1.8Fail
2.3Fail
2.8Fail
Black BG
3.1AA Large
6.2AA
12.0AAA
9.2AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73721E
B0AE15
DDDC2E
9F9F34
5051B6

Deuteranopia

7C871E
B9C519
E0E539
9C983E
473BB5

Tritanopia

AD1E1E
EF2427
F45159
8B565E
13B3B2

Achromatopsia

4B4B4B
7A7A7A
B7B7B7
989898
7C7C7C

Shades & Tints Shades & Tints

#B41E1E

Dark
Light

#F75201

Dark
Light

#F7BA01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b41e1e;
  --color-2: #f75201;
  --color-3: #f7ba01;
  --color-4: #88bc08;
  --color-5: #0baaba;
}

SCSS

$color-1: #b41e1e;
$color-2: #f75201;
$color-3: #f7ba01;
$color-4: #88bc08;
$color-5: #0baaba;

TAILWIND

colors: {
  'brand-1': '#b41e1e',
  'brand-2': '#f75201',
  'brand-3': '#f7ba01',
  'brand-4': '#88bc08',
  'brand-5': '#0baaba',
}

RGB Array

[180, 30, 30], [247, 82, 1], [247, 186, 1], [136, 188, 8], [11, 170, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B41E1E, #F75201, #F7BA01, #88BC08, #0BAABA 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: #b41e1e; --color-2: #f75201; --color-3: #f7ba01; --color-4: #88bc08; --color-5: #0baaba. 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 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