← Back to Editor

#010101 · #FCBC99 · #F53327 · #810102 · #72020E

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 AppData Visualization

Color Details Color Details

#010101

Ink Black · Black · Jet Black

HEX
#010101
RGB
rgb(1, 1, 1)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(6.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FCBC99

Apricot · BurlyWood · Peach Orange

HEX
#FCBC99
RGB
rgb(252, 188, 153)
HSL
hsl(21, 94%, 79%)
HSB
hsb(21, 39%, 99%)
CMYK
cmyk(0%, 25%, 39%, 1%)
Oklch
oklch(84.6% 0.088 49.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F53327

Vermilion · OrangeRed · Passion Red

HEX
#F53327
RGB
rgb(245, 51, 39)
HSL
hsl(3, 91%, 56%)
HSB
hsb(3, 84%, 96%)
CMYK
cmyk(0%, 79%, 84%, 4%)
Oklch
oklch(63.0% 0.229 29.1)

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

#810102

Vermilion · Maroon · Wine Red

HEX
#810102
RGB
rgb(129, 1, 2)
HSL
hsl(360, 98%, 25%)
HSB
hsb(360, 99%, 51%)
CMYK
cmyk(0%, 99%, 98%, 49%)
Oklch
oklch(37.9% 0.155 28.9)

Traditional「Vermilion」· Paint「Wine Red」· Creative Deep Ember

#72020E

Vermilion · Maroon · Wine Red

HEX
#72020E
RGB
rgb(114, 2, 14)
HSL
hsl(354, 97%, 23%)
HSB
hsb(354, 98%, 45%)
CMYK
cmyk(0%, 98%, 88%, 55%)
Oklch
oklch(34.9% 0.140 25.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010101
000000

Analogous

000000
010101
000000

Triadic

010101
000000
000000

Split-Comp.

010101
000000
000000

Tetradic

010101
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

010101
FCBC99
F53327
810102
72020E
—
12.7
AAA
5.4
AA
1.9
Fail
1.7
Fail
12.7
AAA
—
2.4
Fail
6.6
AA
7.4
AAA
5.4
AA
2.4
Fail
—
2.8
Fail
3.1
AA Large
1.9
Fail
6.6
AA
2.8
Fail
—
1.1
Fail
1.7
Fail
7.4
AAA
3.1
AA Large
1.1
Fail
—
White BG
20.9AAA
1.6Fail
3.9AA Large
10.8AAA
12.1AAA
Black BG
1.0Fail
12.8AAA
5.4AA
1.9Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

010101
E0E0A1
A19F2A
4A4802
42400B

Deuteranopia

010101
E4E9A4
ACBB2B
515B02
48500A

Tritanopia

010101
F9A8AA
EB2C2D
7B0202
6C0908

Achromatopsia

010101
CBCBCB
6C6C6C
272727
252525

Shades & Tints Shades & Tints

#010101

Dark
Light

#FCBC99

Dark
Light

#F53327

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010101;
  --color-2: #fcbc99;
  --color-3: #f53327;
  --color-4: #810102;
  --color-5: #72020e;
}

SCSS

$color-1: #010101;
$color-2: #fcbc99;
$color-3: #f53327;
$color-4: #810102;
$color-5: #72020e;

TAILWIND

colors: {
  'brand-1': '#010101',
  'brand-2': '#fcbc99',
  'brand-3': '#f53327',
  'brand-4': '#810102',
  'brand-5': '#72020e',
}

RGB Array

[1, 1, 1], [252, 188, 153], [245, 51, 39], [129, 1, 2], [114, 2, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010101, #FCBC99, #F53327, #810102, #72020E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #010101; --color-2: #fcbc99; --color-3: #f53327; --color-4: #810102; --color-5: #72020e. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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