← Back to Editor

#A2358E · #D80D80 · #F6505C · #FEB664 · #5FBED0

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A2358E

Rose Purple · MediumVioletRed · Violet

HEX
#A2358E
RGB
rgb(162, 53, 142)
HSL
hsl(311, 51%, 42%)
HSB
hsb(311, 67%, 64%)
CMYK
cmyk(0%, 67%, 12%, 36%)
Oklch
oklch(51.9% 0.175 335.9)

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

#D80D80

Rose Purple · MediumVioletRed · Camellia

HEX
#D80D80
RGB
rgb(216, 13, 128)
HSL
hsl(326, 89%, 45%)
HSB
hsb(326, 94%, 85%)
CMYK
cmyk(0%, 94%, 41%, 15%)
Oklch
oklch(57.9% 0.233 355.3)

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

#F6505C

Peach Pink · Tomato · Coral Red

HEX
#F6505C
RGB
rgb(246, 80, 92)
HSL
hsl(356, 90%, 64%)
HSB
hsb(356, 67%, 96%)
CMYK
cmyk(0%, 67%, 63%, 4%)
Oklch
oklch(66.4% 0.201 20.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FEB664

Ginger · SandyBrown · Warm Sun

HEX
#FEB664
RGB
rgb(254, 182, 100)
HSL
hsl(32, 99%, 69%)
HSB
hsb(32, 61%, 100%)
CMYK
cmyk(0%, 28%, 61%, 0%)
Oklch
oklch(82.8% 0.129 67.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#5FBED0

Lake Blue · MediumTurquoise · Lake Green

HEX
#5FBED0
RGB
rgb(95, 190, 208)
HSL
hsl(190, 55%, 59%)
HSB
hsb(190, 54%, 82%)
CMYK
cmyk(54%, 9%, 0%, 18%)
Oklch
oklch(75.1% 0.093 211.6)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2358E
34A249

Analogous

7F34A2
A2358E
A23457

Triadic

A2358E
8EA234
348EA2

Split-Comp.

A2358E
57A234
34A27F

Tetradic

A2358E
A27F34
34A249
3457A2

Contrast Matrix WCAG 2.1 Contrast

A2358E
D80D80
F6505C
FEB664
5FBED0
—
1.2
Fail
1.8
Fail
3.5
AA Large
2.8
Fail
1.2
Fail
—
1.5
Fail
2.8
Fail
2.3
Fail
1.8
Fail
1.5
Fail
—
1.9
Fail
1.6
Fail
3.5
AA Large
2.8
Fail
1.9
Fail
—
1.2
Fail
2.8
Fail
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
6.1AA
4.9AA
3.4AA Large
1.7Fail
2.2Fail
Black BG
3.4AA Large
4.3AA Large
6.2AA
12.1AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737278
807E64
AEAD59
DFDE78
8889CC

Deuteranopia

798173
8C9B5E
B8C458
E3E87D
837CCB

Tritanopia

9D6764
CE4E49
EE5756
FA888B
64C8C7

Achromatopsia

606060
575757
838383
C2C2C2
A4A4A4

Shades & Tints Shades & Tints

#A2358E

Dark
Light

#D80D80

Dark
Light

#F6505C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2358e;
  --color-2: #d80d80;
  --color-3: #f6505c;
  --color-4: #feb664;
  --color-5: #5fbed0;
}

SCSS

$color-1: #a2358e;
$color-2: #d80d80;
$color-3: #f6505c;
$color-4: #feb664;
$color-5: #5fbed0;

TAILWIND

colors: {
  'brand-1': '#a2358e',
  'brand-2': '#d80d80',
  'brand-3': '#f6505c',
  'brand-4': '#feb664',
  'brand-5': '#5fbed0',
}

RGB Array

[162, 53, 142], [216, 13, 128], [246, 80, 92], [254, 182, 100], [95, 190, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A2358E, #D80D80, #F6505C, #FEB664, #5FBED0 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #a2358e; --color-2: #d80d80; --color-3: #f6505c; --color-4: #feb664; --color-5: #5fbed0. 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. 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