← Back to Editor

#FFB515 · #EE791A · #BD2B12 · #420A13 · #2B2A2B

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 App

Color Details Color Details

#FFB515

Ginger · Orange · Sunflower

HEX
#FFB515
RGB
rgb(255, 181, 21)
HSL
hsl(41, 100%, 54%)
HSB
hsb(41, 92%, 100%)
CMYK
cmyk(0%, 29%, 92%, 0%)
Oklch
oklch(82.2% 0.168 78.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EE791A

Tangerine · Chocolate · Warm Sun

HEX
#EE791A
RGB
rgb(238, 121, 26)
HSL
hsl(27, 86%, 52%)
HSB
hsb(27, 89%, 93%)
CMYK
cmyk(0%, 49%, 89%, 7%)
Oklch
oklch(69.8% 0.172 52.0)

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

#BD2B12

Vermilion · FireBrick · Passion Red

HEX
#BD2B12
RGB
rgb(189, 43, 18)
HSL
hsl(9, 83%, 41%)
HSB
hsb(9, 90%, 74%)
CMYK
cmyk(0%, 77%, 90%, 26%)
Oklch
oklch(52.3% 0.186 32.0)

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

#420A13

Vermilion · Maroon · Deep Berry

HEX
#420A13
RGB
rgb(66, 10, 19)
HSL
hsl(350, 74%, 15%)
HSB
hsb(350, 85%, 26%)
CMYK
cmyk(0%, 85%, 71%, 74%)
Oklch
oklch(25.3% 0.084 17.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#2B2A2B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2A2B
RGB
rgb(43, 42, 43)
HSL
hsl(300, 1%, 17%)
HSB
hsb(300, 2%, 17%)
CMYK
cmyk(0%, 2%, 0%, 83%)
Oklch
oklch(28.6% 0.002 325.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB515
145FFF

Analogous

FF3F14
FFB515
D4FF14

Triadic

FFB515
14FFB5
B514FF

Split-Comp.

FFB515
14D4FF
3F14FF

Tetradic

FFB515
14FF3F
145FFF
FF14D4

Contrast Matrix WCAG 2.1 Contrast

FFB515
EE791A
BD2B12
420A13
2B2A2B
—
1.6
Fail
3.4
AA Large
9.2
AAA
8.1
AAA
1.6
Fail
—
2.1
Fail
5.7
AA
5.0
AA
3.4
AA Large
2.1
Fail
—
2.7
Fail
2.4
Fail
9.2
AAA
5.7
AA
2.7
Fail
—
1.1
Fail
8.1
AAA
5.0
AA
2.4
Fail
1.1
Fail
—
White BG
1.8Fail
2.8Fail
6.0AA
16.3AAA
14.3AAA
Black BG
11.9AAA
7.4AAA
3.5AA Large
1.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDE3C
BBBA31
7E7C18
2A2911
2B2B2B

Deuteranopia

E3E945
C2CB37
86911A
2D3110
2B2B2B

Tritanopia

FB5A61
E84347
B61D1E
3F0F0F
2B2B2B

Achromatopsia

B9B9B9
919191
545454
1C1C1C
2A2A2A

Shades & Tints Shades & Tints

#FFB515

Dark
Light

#EE791A

Dark
Light

#BD2B12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb515;
  --color-2: #ee791a;
  --color-3: #bd2b12;
  --color-4: #420a13;
  --color-5: #2b2a2b;
}

SCSS

$color-1: #ffb515;
$color-2: #ee791a;
$color-3: #bd2b12;
$color-4: #420a13;
$color-5: #2b2a2b;

TAILWIND

colors: {
  'brand-1': '#ffb515',
  'brand-2': '#ee791a',
  'brand-3': '#bd2b12',
  'brand-4': '#420a13',
  'brand-5': '#2b2a2b',
}

RGB Array

[255, 181, 21], [238, 121, 26], [189, 43, 18], [66, 10, 19], [43, 42, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB515, #EE791A, #BD2B12, #420A13, #2B2A2B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #ffb515; --color-2: #ee791a; --color-3: #bd2b12; --color-4: #420a13; --color-5: #2b2a2b. 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. 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