← Back to Editor

#FA0F0E · #C72155 · #912765 · #5E195E · #2E1F3A

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

#FA0F0E

Vermilion · Red · Passion Red

HEX
#FA0F0E
RGB
rgb(250, 15, 14)
HSL
hsl(0, 96%, 52%)
HSB
hsb(0, 94%, 98%)
CMYK
cmyk(0%, 94%, 94%, 2%)
Oklch
oklch(62.2% 0.251 28.9)

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

#C72155

Dark Violet · Crimson · Camellia

HEX
#C72155
RGB
rgb(199, 33, 85)
HSL
hsl(341, 72%, 45%)
HSB
hsb(341, 83%, 78%)
CMYK
cmyk(0%, 83%, 57%, 22%)
Oklch
oklch(54.4% 0.199 9.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#912765

Rose Purple · Purple · Camellia

HEX
#912765
RGB
rgb(145, 39, 101)
HSL
hsl(325, 58%, 36%)
HSB
hsb(325, 73%, 57%)
CMYK
cmyk(0%, 73%, 30%, 43%)
Oklch
oklch(45.9% 0.154 349.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#5E195E

Rose Purple · Purple · Eggplant

HEX
#5E195E
RGB
rgb(94, 25, 94)
HSL
hsl(300, 58%, 23%)
HSB
hsb(300, 73%, 37%)
CMYK
cmyk(0%, 73%, 0%, 63%)
Oklch
oklch(35.6% 0.132 327.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2E1F3A

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2E1F3A
RGB
rgb(46, 31, 58)
HSL
hsl(273, 30%, 17%)
HSB
hsb(273, 47%, 23%)
CMYK
cmyk(21%, 47%, 0%, 77%)
Oklch
oklch(27.1% 0.052 308.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA0F0E
0FFAFA

Analogous

FA0F85
FA0F0E
FA850F

Triadic

FA0F0E
0FFA0F
0F0FFA

Split-Comp.

FA0F0E
0FFA85
0F85FA

Tetradic

FA0F0E
85FA0F
0FFAFA
850FFA

Contrast Matrix WCAG 2.1 Contrast

FA0F0E
C72155
912765
5E195E
2E1F3A
—
1.4
Fail
1.9
Fail
2.9
Fail
3.7
AA Large
1.4
Fail
—
1.4
Fail
2.1
Fail
2.8
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
2.9
Fail
2.1
Fail
1.5
Fail
—
1.3
Fail
3.7
AA Large
2.8
Fail
2.0
Fail
1.3
Fail
—
White BG
4.1AA Large
5.6AA
7.8AAA
11.8AAA
15.3AAA
Black BG
5.1AA
3.8AA Large
2.7Fail
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

94920E
7F7E48
636256
40404D
282733

Deuteranopia

A2B40E
899545
697152
444949
282932

Tritanopia

EE0E0E
BF3E3C
8C4A48
5B403D
2D2E2D

Achromatopsia

555555
595959
4E4E4E
353535
272727

Shades & Tints Shades & Tints

#FA0F0E

Dark
Light

#C72155

Dark
Light

#912765

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa0f0e;
  --color-2: #c72155;
  --color-3: #912765;
  --color-4: #5e195e;
  --color-5: #2e1f3a;
}

SCSS

$color-1: #fa0f0e;
$color-2: #c72155;
$color-3: #912765;
$color-4: #5e195e;
$color-5: #2e1f3a;

TAILWIND

colors: {
  'brand-1': '#fa0f0e',
  'brand-2': '#c72155',
  'brand-3': '#912765',
  'brand-4': '#5e195e',
  'brand-5': '#2e1f3a',
}

RGB Array

[250, 15, 14], [199, 33, 85], [145, 39, 101], [94, 25, 94], [46, 31, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA0F0E, #C72155, #912765, #5E195E, #2E1F3A 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: #fa0f0e; --color-2: #c72155; --color-3: #912765; --color-4: #5e195e; --color-5: #2e1f3a. 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