← Back to Editor

#FF0048 · #D90D4E · #96143D · #631031 · #2B081A

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

#FF0048

Dark Violet · Crimson · Camellia

HEX
#FF0048
RGB
rgb(255, 0, 72)
HSL
hsl(343, 100%, 50%)
HSB
hsb(343, 100%, 100%)
CMYK
cmyk(0%, 100%, 72%, 0%)
Oklch
oklch(63.3% 0.254 18.9)

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

#D90D4E

Dark Violet · Crimson · Camellia

HEX
#D90D4E
RGB
rgb(217, 13, 78)
HSL
hsl(341, 89%, 45%)
HSB
hsb(341, 94%, 85%)
CMYK
cmyk(0%, 94%, 64%, 15%)
Oklch
oklch(56.7% 0.222 13.6)

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

#96143D

Dark Violet · Brown · Camellia

HEX
#96143D
RGB
rgb(150, 20, 61)
HSL
hsl(341, 76%, 33%)
HSB
hsb(341, 87%, 59%)
CMYK
cmyk(0%, 87%, 59%, 41%)
Oklch
oklch(43.9% 0.163 10.2)

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

#631031

Dark Violet · Maroon · Raspberry

HEX
#631031
RGB
rgb(99, 16, 49)
HSL
hsl(336, 72%, 23%)
HSB
hsb(336, 84%, 39%)
CMYK
cmyk(0%, 84%, 51%, 61%)
Oklch
oklch(33.4% 0.118 2.6)

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

#2B081A

Rose Purple · Black · Raspberry

HEX
#2B081A
RGB
rgb(43, 8, 26)
HSL
hsl(329, 69%, 10%)
HSB
hsb(329, 81%, 17%)
CMYK
cmyk(0%, 81%, 40%, 83%)
Oklch
oklch(20.5% 0.062 352.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0048
00FFB7

Analogous

FF00C8
FF0048
FF3700

Triadic

FF0048
48FF00
0048FF

Split-Comp.

FF0048
00FF37
00C8FF

Tetradic

FF0048
C8FF00
00FFB7
3700FF

Contrast Matrix WCAG 2.1 Contrast

FF0048
D90D4E
96143D
631031
2B081A
—
1.3
Fail
2.2
Fail
3.2
AA Large
4.6
AA
1.3
Fail
—
1.7
Fail
2.5
Fail
3.6
AA Large
2.2
Fail
1.7
Fail
—
1.5
Fail
2.1
Fail
3.2
AA Large
2.5
Fail
1.5
Fail
—
1.4
Fail
4.6
AA
3.6
AA Large
2.1
Fail
1.4
Fail
—
White BG
3.9AA Large
5.1AA
8.5AAA
12.7AAA
18.2AAA
Black BG
5.3AA
4.1AA Large
2.5Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E37
817F3E
5E5D33
3F3E29
1C1C16

Deuteranopia

9FB332
8D9C3A
656F31
444A27
1E2115

Tritanopia

F22926
CF322F
902B2A
5F2321
291211

Achromatopsia

545454
515151
404040
2D2D2D
151515

Shades & Tints Shades & Tints

#FF0048

Dark
Light

#D90D4E

Dark
Light

#96143D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0048;
  --color-2: #d90d4e;
  --color-3: #96143d;
  --color-4: #631031;
  --color-5: #2b081a;
}

SCSS

$color-1: #ff0048;
$color-2: #d90d4e;
$color-3: #96143d;
$color-4: #631031;
$color-5: #2b081a;

TAILWIND

colors: {
  'brand-1': '#ff0048',
  'brand-2': '#d90d4e',
  'brand-3': '#96143d',
  'brand-4': '#631031',
  'brand-5': '#2b081a',
}

RGB Array

[255, 0, 72], [217, 13, 78], [150, 20, 61], [99, 16, 49], [43, 8, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF0048, #D90D4E, #96143D, #631031, #2B081A 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: #ff0048; --color-2: #d90d4e; --color-3: #96143d; --color-4: #631031; --color-5: #2b081a. 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