← Back to Editor

#FF5F09 · #F70031 · #7F0047 · #6B0865 · #33004D

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

#FF5F09

Tangerine · OrangeRed · Warm Sun

HEX
#FF5F09
RGB
rgb(255, 95, 9)
HSL
hsl(21, 100%, 52%)
HSB
hsb(21, 96%, 100%)
CMYK
cmyk(0%, 63%, 96%, 0%)
Oklch
oklch(68.7% 0.209 40.9)

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

#F70031

Vermilion · Crimson · Passion Red

HEX
#F70031
RGB
rgb(247, 0, 49)
HSL
hsl(348, 100%, 48%)
HSB
hsb(348, 100%, 97%)
CMYK
cmyk(0%, 100%, 80%, 3%)
Oklch
oklch(61.6% 0.249 23.6)

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

#7F0047

Rose Purple · Purple · Raspberry

HEX
#7F0047
RGB
rgb(127, 0, 71)
HSL
hsl(326, 100%, 25%)
HSB
hsb(326, 100%, 50%)
CMYK
cmyk(0%, 100%, 44%, 50%)
Oklch
oklch(38.9% 0.159 356.2)

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

#6B0865

Rose Purple · Purple · Eggplant

HEX
#6B0865
RGB
rgb(107, 8, 101)
HSL
hsl(304, 86%, 23%)
HSB
hsb(304, 93%, 42%)
CMYK
cmyk(0%, 93%, 6%, 58%)
Oklch
oklch(37.0% 0.160 331.3)

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

#33004D

Royal Purple · MidnightBlue · Dark Purple

HEX
#33004D
RGB
rgb(51, 0, 77)
HSL
hsl(280, 100%, 15%)
HSB
hsb(280, 100%, 30%)
CMYK
cmyk(34%, 100%, 0%, 70%)
Oklch
oklch(24.9% 0.126 309.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF5F09
0AA9FF

Analogous

FF0A2F
FF5F09
FFDA0A

Triadic

FF5F09
0AFF60
600AFF

Split-Comp.

FF5F09
0AFFDA
0A2FFF

Tetradic

FF5F09
2FFF0A
0AA9FF
DA0AFF

Contrast Matrix WCAG 2.1 Contrast

FF5F09
F70031
7F0047
6B0865
33004D
—
1.4
Fail
3.5
AA Large
3.7
AA Large
5.5
AA
1.4
Fail
—
2.5
Fail
2.7
Fail
4.0
AA Large
3.5
AA Large
2.5
Fail
—
1.1
Fail
1.6
Fail
3.7
AA Large
2.7
Fail
1.1
Fail
—
1.5
Fail
5.5
AA
4.0
AA Large
1.6
Fail
1.5
Fail
—
White BG
3.0AA Large
4.2AA Large
10.5AAA
11.4AAA
16.8AAA
Black BG
6.9AA
5.0AA
2.0Fail
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB81E
8C8A25
484736
403F4E
1D1C3A

Deuteranopia

C3CF23
9AAD22
4F5932
464D49
202436

Tritanopia

F72E32
EB1C1A
792825
663D39
302C28

Achromatopsia

858585
4F4F4F
2E2E2E
303030
181818

Shades & Tints Shades & Tints

#FF5F09

Dark
Light

#F70031

Dark
Light

#7F0047

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff5f09;
  --color-2: #f70031;
  --color-3: #7f0047;
  --color-4: #6b0865;
  --color-5: #33004d;
}

SCSS

$color-1: #ff5f09;
$color-2: #f70031;
$color-3: #7f0047;
$color-4: #6b0865;
$color-5: #33004d;

TAILWIND

colors: {
  'brand-1': '#ff5f09',
  'brand-2': '#f70031',
  'brand-3': '#7f0047',
  'brand-4': '#6b0865',
  'brand-5': '#33004d',
}

RGB Array

[255, 95, 9], [247, 0, 49], [127, 0, 71], [107, 8, 101], [51, 0, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF5F09, #F70031, #7F0047, #6B0865, #33004D 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: #ff5f09; --color-2: #f70031; --color-3: #7f0047; --color-4: #6b0865; --color-5: #33004d. 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