← Back to Editor

#FB0D29 · #D11536 · #A71D44 · #7D2552 · #532E60

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

#FB0D29

Vermilion · Crimson · Passion Red

HEX
#FB0D29
RGB
rgb(251, 13, 41)
HSL
hsl(353, 97%, 52%)
HSB
hsb(353, 95%, 98%)
CMYK
cmyk(0%, 95%, 84%, 2%)
Oklch
oklch(62.5% 0.250 25.7)

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

#D11536

Vermilion · Crimson · Passion Red

HEX
#D11536
RGB
rgb(209, 21, 54)
HSL
hsl(349, 82%, 45%)
HSB
hsb(349, 90%, 82%)
CMYK
cmyk(0%, 90%, 74%, 18%)
Oklch
oklch(55.0% 0.213 21.0)

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

#A71D44

Dark Violet · Brown · Camellia

HEX
#A71D44
RGB
rgb(167, 29, 68)
HSL
hsl(343, 70%, 38%)
HSB
hsb(343, 83%, 65%)
CMYK
cmyk(0%, 83%, 59%, 35%)
Oklch
oklch(47.9% 0.172 11.3)

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

#7D2552

Rose Purple · Brown · Camellia

HEX
#7D2552
RGB
rgb(125, 37, 82)
HSL
hsl(329, 54%, 32%)
HSB
hsb(329, 70%, 49%)
CMYK
cmyk(0%, 70%, 34%, 51%)
Oklch
oklch(41.5% 0.130 352.7)

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

#532E60

Dark Plum · DarkSlateBlue · Eggplant

HEX
#532E60
RGB
rgb(83, 46, 96)
HSL
hsl(284, 35%, 28%)
HSB
hsb(284, 52%, 38%)
CMYK
cmyk(14%, 52%, 0%, 62%)
Oklch
oklch(37.0% 0.093 316.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB0D29
0EFBE0

Analogous

FB0EA0
FB0D29
FB690E

Triadic

FB0D29
2AFB0E
0E2AFB

Split-Comp.

FB0D29
0EFB69
0EA0FB

Tetradic

FB0D29
A0FB0E
0EFBE0
690EFB

Contrast Matrix WCAG 2.1 Contrast

FB0D29
D11536
A71D44
7D2552
532E60
—
1.3
Fail
1.8
Fail
2.3
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.3
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
4.0AA Large
5.4AA
7.2AAA
9.3AAA
10.9AAA
Black BG
5.2AA
3.9AA Large
2.9Fail
2.3Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

949222
807E2E
6B6A3B
575647
434354

Deuteranopia

A2B421
8B992C
737E38
5C6345
454851

Tritanopia

EF1D1C
C82826
A03331
793F3D
514A48

Achromatopsia

575757
515151
4B4B4B
444444
3F3F3F

Shades & Tints Shades & Tints

#FB0D29

Dark
Light

#D11536

Dark
Light

#A71D44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb0d29;
  --color-2: #d11536;
  --color-3: #a71d44;
  --color-4: #7d2552;
  --color-5: #532e60;
}

SCSS

$color-1: #fb0d29;
$color-2: #d11536;
$color-3: #a71d44;
$color-4: #7d2552;
$color-5: #532e60;

TAILWIND

colors: {
  'brand-1': '#fb0d29',
  'brand-2': '#d11536',
  'brand-3': '#a71d44',
  'brand-4': '#7d2552',
  'brand-5': '#532e60',
}

RGB Array

[251, 13, 41], [209, 21, 54], [167, 29, 68], [125, 37, 82], [83, 46, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB0D29, #D11536, #A71D44, #7D2552, #532E60 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: #fb0d29; --color-2: #d11536; --color-3: #a71d44; --color-4: #7d2552; --color-5: #532e60. 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