← Back to Editor

#4F002F · #B92C93 · #F8F5F7 · #8E1735 · #230034

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 AppData Visualization

Color Details Color Details

#4F002F

Rose Purple · Maroon · Raspberry

HEX
#4F002F
RGB
rgb(79, 0, 47)
HSL
hsl(324, 100%, 15%)
HSB
hsb(324, 100%, 31%)
CMYK
cmyk(0%, 100%, 41%, 69%)
Oklch
oklch(28.1% 0.116 351.9)

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

#B92C93

Rose Purple · MediumVioletRed · Violet

HEX
#B92C93
RGB
rgb(185, 44, 147)
HSL
hsl(316, 62%, 45%)
HSB
hsb(316, 76%, 73%)
CMYK
cmyk(0%, 76%, 21%, 27%)
Oklch
oklch(54.9% 0.204 341.3)

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

#F8F5F7

Mauve · Snow · Cherry Blossom

HEX
#F8F5F7
RGB
rgb(248, 245, 247)
HSL
hsl(320, 18%, 97%)
HSB
hsb(320, 1%, 97%)
CMYK
cmyk(0%, 1%, 0%, 3%)
Oklch
oklch(97.3% 0.004 337.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#8E1735

Vermilion · Brown · Wine Red

HEX
#8E1735
RGB
rgb(142, 23, 53)
HSL
hsl(345, 72%, 32%)
HSB
hsb(345, 84%, 56%)
CMYK
cmyk(0%, 84%, 63%, 44%)
Oklch
oklch(42.4% 0.152 13.4)

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

#230034

Royal Purple · Black · Dark Purple

HEX
#230034
RGB
rgb(35, 0, 52)
HSL
hsl(280, 100%, 10%)
HSB
hsb(280, 100%, 20%)
CMYK
cmyk(33%, 100%, 0%, 80%)
Oklch
oklch(19.6% 0.098 311.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F002F
004D1F

Analogous

45004D
4F002F
4D0008

Triadic

4F002F
2E4D00
002E4D

Split-Comp.

4F002F
084D00
004D45

Tetradic

4F002F
4D4500
004D1F
00084D

Contrast Matrix WCAG 2.1 Contrast

4F002F
B92C93
F8F5F7
8E1735
230034
—
2.8
Fail
14.1
AAA
1.7
Fail
1.2
Fail
2.8
Fail
—
5.0
AA
1.7
Fail
3.4
AA Large
14.1
AAA
5.0
AA
—
8.3
AAA
17.3
AAA
1.7
Fail
1.7
Fail
8.3
AAA
—
2.1
Fail
1.2
Fail
3.4
AA Large
17.3
AAA
2.1
Fail
—
White BG
15.3AAA
5.5AA
1.1Fail
9.0AAA
18.7AAA
Black BG
1.4Fail
3.8AA Large
19.4AAA
2.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2C24
7C7B7A
F7F7F7
5A592E
141427

Deuteranopia

313721
848F74
F7F7F6
616A2C
161924

Tritanopia

4B1B19
B26662
F8F6F6
882827
211D1B

Achromatopsia

1D1D1D
626262
F6F6F6
3E3E3E
101010

Shades & Tints Shades & Tints

#4F002F

Dark
Light

#B92C93

Dark
Light

#F8F5F7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f002f;
  --color-2: #b92c93;
  --color-3: #f8f5f7;
  --color-4: #8e1735;
  --color-5: #230034;
}

SCSS

$color-1: #4f002f;
$color-2: #b92c93;
$color-3: #f8f5f7;
$color-4: #8e1735;
$color-5: #230034;

TAILWIND

colors: {
  'brand-1': '#4f002f',
  'brand-2': '#b92c93',
  'brand-3': '#f8f5f7',
  'brand-4': '#8e1735',
  'brand-5': '#230034',
}

RGB Array

[79, 0, 47], [185, 44, 147], [248, 245, 247], [142, 23, 53], [35, 0, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F002F, #B92C93, #F8F5F7, #8E1735, #230034 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #4f002f; --color-2: #b92c93; --color-3: #f8f5f7; --color-4: #8e1735; --color-5: #230034. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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