← Back to Editor

#F30032 · #C90A87 · #BB05BC · #640097 · #4C0333

warm

A 5-color warm 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

#F30032

Vermilion · Crimson · Passion Red

HEX
#F30032
RGB
rgb(243, 0, 50)
HSL
hsl(348, 100%, 48%)
HSB
hsb(348, 100%, 95%)
CMYK
cmyk(0%, 100%, 79%, 5%)
Oklch
oklch(60.8% 0.246 23.2)

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

#C90A87

Rose Purple · MediumVioletRed · Camellia

HEX
#C90A87
RGB
rgb(201, 10, 135)
HSL
hsl(321, 91%, 41%)
HSB
hsb(321, 95%, 79%)
CMYK
cmyk(0%, 95%, 33%, 21%)
Oklch
oklch(55.4% 0.228 349.2)

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

#BB05BC

Rose Purple · DarkViolet · Eggplant

HEX
#BB05BC
RGB
rgb(187, 5, 188)
HSL
hsl(300, 95%, 38%)
HSB
hsb(300, 97%, 74%)
CMYK
cmyk(1%, 97%, 0%, 26%)
Oklch
oklch(55.7% 0.255 328.1)

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

#640097

Royal Purple · Purple · Eggplant

HEX
#640097
RGB
rgb(100, 0, 151)
HSL
hsl(280, 100%, 30%)
HSB
hsb(280, 100%, 59%)
CMYK
cmyk(34%, 100%, 0%, 41%)
Oklch
oklch(39.5% 0.202 307.6)

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

#4C0333

Rose Purple · Maroon · Raspberry

HEX
#4C0333
RGB
rgb(76, 3, 51)
HSL
hsl(321, 92%, 15%)
HSB
hsb(321, 96%, 30%)
CMYK
cmyk(0%, 96%, 33%, 70%)
Oklch
oklch(27.9% 0.113 347.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F30032
00F5C4

Analogous

F500AB
F30032
F54900

Triadic

F30032
31F500
0031F5

Split-Comp.

F30032
00F549
00ABF5

Tetradic

F30032
ABF500
00F5C4
4900F5

Contrast Matrix WCAG 2.1 Contrast

F30032
C90A87
BB05BC
640097
4C0333
—
1.3
Fail
1.3
Fail
2.4
Fail
3.6
AA Large
1.3
Fail
—
1.0
Fail
1.9
Fail
2.8
Fail
1.3
Fail
1.0
Fail
—
1.9
Fail
2.8
Fail
2.4
Fail
1.9
Fail
1.9
Fail
—
1.5
Fail
3.6
AA Large
2.8
Fail
2.8
Fail
1.5
Fail
—
White BG
4.3AA Large
5.4AA
5.4AA
10.6AAA
15.3AAA
Black BG
4.9AA
3.9AA Large
3.9AA Large
2.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8826
767569
6C6B90
393872
2C2C27

Deuteranopia

98AA23
819062
778485
3F466A
313625

Tritanopia

E71C1A
BF514C
B26D65
5F564F
481E1C

Achromatopsia

4E4E4E
515151
505050
2F2F2F
1E1E1E

Shades & Tints Shades & Tints

#F30032

Dark
Light

#C90A87

Dark
Light

#BB05BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f30032;
  --color-2: #c90a87;
  --color-3: #bb05bc;
  --color-4: #640097;
  --color-5: #4c0333;
}

SCSS

$color-1: #f30032;
$color-2: #c90a87;
$color-3: #bb05bc;
$color-4: #640097;
$color-5: #4c0333;

TAILWIND

colors: {
  'brand-1': '#f30032',
  'brand-2': '#c90a87',
  'brand-3': '#bb05bc',
  'brand-4': '#640097',
  'brand-5': '#4c0333',
}

RGB Array

[243, 0, 50], [201, 10, 135], [187, 5, 188], [100, 0, 151], [76, 3, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F30032, #C90A87, #BB05BC, #640097, #4C0333 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: #f30032; --color-2: #c90a87; --color-3: #bb05bc; --color-4: #640097; --color-5: #4c0333. 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 warm-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