← Back to Editor

#270039 · #A92475 · #F93EBF · #E0FECA · #A8EABA

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

#270039

Royal Purple · MidnightBlue · Dark Purple

HEX
#270039
RGB
rgb(39, 0, 57)
HSL
hsl(281, 100%, 11%)
HSB
hsb(281, 100%, 22%)
CMYK
cmyk(32%, 100%, 0%, 78%)
Oklch
oklch(20.8% 0.104 311.8)

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

#A92475

Rose Purple · MediumVioletRed · Camellia

HEX
#A92475
RGB
rgb(169, 36, 117)
HSL
hsl(323, 65%, 40%)
HSB
hsb(323, 79%, 66%)
CMYK
cmyk(0%, 79%, 31%, 34%)
Oklch
oklch(50.3% 0.184 348.7)

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

#F93EBF

Mauve · DeepPink · Lilac Purple

HEX
#F93EBF
RGB
rgb(249, 62, 191)
HSL
hsl(319, 94%, 61%)
HSB
hsb(319, 75%, 98%)
CMYK
cmyk(0%, 75%, 23%, 2%)
Oklch
oklch(68.2% 0.251 343.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#E0FECA

Emerald · Beige · Mint Green

HEX
#E0FECA
RGB
rgb(224, 254, 202)
HSL
hsl(95, 96%, 89%)
HSB
hsb(95, 20%, 100%)
CMYK
cmyk(12%, 0%, 20%, 0%)
Oklch
oklch(96.2% 0.075 132.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#A8EABA

Emerald · LightBlue · Apple Green

HEX
#A8EABA
RGB
rgb(168, 234, 186)
HSL
hsl(136, 61%, 79%)
HSB
hsb(136, 28%, 92%)
CMYK
cmyk(28%, 0%, 21%, 8%)
Oklch
oklch(88.0% 0.094 152.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270039
123800

Analogous

0A0038
270039
38002E

Triadic

270039
382600
003826

Split-Comp.

270039
2E3800
00380A

Tetradic

270039
380A00
123800
002E38

Contrast Matrix WCAG 2.1 Contrast

270039
A92475
F93EBF
E0FECA
A8EABA
—
2.8
Fail
5.6
AA
16.8
AAA
13.2
AAA
2.8
Fail
—
2.0
Fail
6.0
AA
4.7
AA
5.6
AA
2.0
Fail
—
3.0
Fail
2.3
Fail
16.8
AAA
6.0
AA
3.0
Fail
—
1.3
Fail
13.2
AAA
4.7
AA
2.3
Fail
1.3
Fail
—
White BG
18.3AAA
6.6AA
3.2AA Large
1.1Fail
1.4Fail
Black BG
1.1Fail
3.2AA Large
6.5AA
19.2AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16162B
6F6E61
A8A6A0
EDEDD7
C5C5C6

Deuteranopia

181B28
77815D
B3C198
EBE9DA
C1BCC8

Tritanopia

25201E
A2524F
F08782
E1E1E3
ABCFD1

Achromatopsia

121212
555555
858585
EFEFEF
D1D1D1

Shades & Tints Shades & Tints

#270039

Dark
Light

#A92475

Dark
Light

#F93EBF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270039;
  --color-2: #a92475;
  --color-3: #f93ebf;
  --color-4: #e0feca;
  --color-5: #a8eaba;
}

SCSS

$color-1: #270039;
$color-2: #a92475;
$color-3: #f93ebf;
$color-4: #e0feca;
$color-5: #a8eaba;

TAILWIND

colors: {
  'brand-1': '#270039',
  'brand-2': '#a92475',
  'brand-3': '#f93ebf',
  'brand-4': '#e0feca',
  'brand-5': '#a8eaba',
}

RGB Array

[39, 0, 57], [169, 36, 117], [249, 62, 191], [224, 254, 202], [168, 234, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #270039, #A92475, #F93EBF, #E0FECA, #A8EABA is ideal for: social media posters, mobile apps, e-commerce promos, 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: #270039; --color-2: #a92475; --color-3: #f93ebf; --color-4: #e0feca; --color-5: #a8eaba. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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