← Back to Editor

#B30015 · #FA9A00 · #114008 · #1B660C · #12002E

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

#B30015

Vermilion · FireBrick · Wine Red

HEX
#B30015
RGB
rgb(179, 0, 21)
HSL
hsl(353, 100%, 35%)
HSB
hsb(353, 100%, 70%)
CMYK
cmyk(0%, 100%, 88%, 30%)
Oklch
oklch(48.3% 0.196 26.3)

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

#FA9A00

Ochre · Orange · Amber Brown

HEX
#FA9A00
RGB
rgb(250, 154, 0)
HSL
hsl(37, 100%, 49%)
HSB
hsb(37, 100%, 98%)
CMYK
cmyk(0%, 38%, 100%, 2%)
Oklch
oklch(76.7% 0.170 66.7)

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

#114008

Pine Green · DarkGreen · Dark Green

HEX
#114008
RGB
rgb(17, 64, 8)
HSL
hsl(110, 78%, 14%)
HSB
hsb(110, 88%, 25%)
CMYK
cmyk(73%, 0%, 88%, 75%)
Oklch
oklch(32.7% 0.098 140.9)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#1B660C

Pine Green · DarkGreen · Forest Green

HEX
#1B660C
RGB
rgb(27, 102, 12)
HSL
hsl(110, 79%, 22%)
HSB
hsb(110, 88%, 40%)
CMYK
cmyk(74%, 0%, 88%, 60%)
Oklch
oklch(44.7% 0.139 141.0)

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

#12002E

Deep Indigo · Black · Dark Purple

HEX
#12002E
RGB
rgb(18, 0, 46)
HSL
hsl(263, 100%, 9%)
HSB
hsb(263, 100%, 18%)
CMYK
cmyk(61%, 100%, 0%, 82%)
Oklch
oklch(16.0% 0.088 294.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B30015
00B39E

Analogous

B3006E
B30015
B34400

Triadic

B30015
15B300
0015B3

Split-Comp.

B30015
00B344
006EB3

Tetradic

B30015
6EB300
00B39E
4400B3

Contrast Matrix WCAG 2.1 Contrast

B30015
FA9A00
114008
1B660C
12002E
—
3.3
AA Large
1.7
Fail
1.0
Fail
2.7
Fail
3.3
AA Large
—
5.5
AA
3.3
AA Large
9.1
AAA
1.7
Fail
5.5
AA
—
1.7
Fail
1.7
Fail
1.0
Fail
3.3
AA Large
1.7
Fail
—
2.8
Fail
2.7
Fail
9.1
AAA
1.7
Fail
2.8
Fail
—
White BG
7.2AAA
2.2Fail
11.9AAA
7.1AAA
19.7AAA
Black BG
2.9Fail
9.7AAA
1.8Fail
3.0Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

656410
D0D025
252616
3B3C22
0A0A23

Deuteranopia

707D0F
D6DD2E
231F19
373227
0B0D20

Tritanopia

AA0C0B
F54349
132023
1F3337
111A18

Achromatopsia

383838
A5A5A5
2C2C2C
454545
0B0B0B

Shades & Tints Shades & Tints

#B30015

Dark
Light

#FA9A00

Dark
Light

#114008

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b30015;
  --color-2: #fa9a00;
  --color-3: #114008;
  --color-4: #1b660c;
  --color-5: #12002e;
}

SCSS

$color-1: #b30015;
$color-2: #fa9a00;
$color-3: #114008;
$color-4: #1b660c;
$color-5: #12002e;

TAILWIND

colors: {
  'brand-1': '#b30015',
  'brand-2': '#fa9a00',
  'brand-3': '#114008',
  'brand-4': '#1b660c',
  'brand-5': '#12002e',
}

RGB Array

[179, 0, 21], [250, 154, 0], [17, 64, 8], [27, 102, 12], [18, 0, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B30015, #FA9A00, #114008, #1B660C, #12002E 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: #b30015; --color-2: #fa9a00; --color-3: #114008; --color-4: #1b660c; --color-5: #12002e. 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